*{margin:0; padding:0}
li{list-style:none}img{border:none}
h1,h2,h3,h5,h6,h7{font-size:100%}
code{font-family:"Courier New", Courier, monospace}
blockquote{margin:10px 0 10px 10px; padding:10px 0 0 10px;border-left:3px solid #ddd;
background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/quote.gif) no-repeat 10px 0}
body{font:12px/1.5 Georgia, 'Microsoft YaHei'; color:#333}
a:link{color:#666;text-decoration:none}
a:visited{color:#666;text-decoration:none}
a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
#navbar, .widget-item-control{display:none}
#outer-wrapper{width:760px; margin:auto}
#header-inner{font-size:30px;color:#ddd;margin:0 30px 0; padding:10px 0 0}
.descriptionwrapper{border-bottom:4px solid #fff}
.main {margin:30px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
-moz-box-shadow:0 0 6px #ccc;-webkit-box-shadow:0 0 6px #ccc;box-shadow:0 0 10px #ccc;zoom:1;}
.blog-posts, .blog-pager, .blog-feeds,.post-feeds{padding:0 30px}
.titlewrapper{font-size:60px; height:60px; padding:20px 0; text-indent:-9999px; background:url("http://blogger56.googlecode.com/svn/trunk/blogger/blog.gif") no-repeat scroll 0 35px transparent}
.titlewrapper a:link,.titlewrapper a:visited{color:#DC2B33}
.titlewrapper a:hover,.titlewrapper a:active{color:#DC2B33;text-decoration:none;background:none}
.expend_archives{padding: 0 5px; margin-left:5px; font-size:10px; cursor:pointer}
<script src='http://ciel215.googlecode.com/svn/trunk/Music/swfobject.js' type='text/javascript'/>
<script src='http://ciel215.googlecode.com/svn/trunk/Music/1bit.js' type='text/javascript'/>
h1{padding:20px 0; text-indent:-9999px}
h1 a:link,h1 a:visited{color:#ddd}
h1 a:hover,h1 a:active{color:#eee;text-decoration:none;background:none}
.description{font-size:12px;color:#eee;padding:0 0 5px 50px}
.PageList {text-align:right; margin-top:3px; padding-right:30px;}
.PageList li{display:inline}
.PageList li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.PageList li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.status-msg-boxr{margin-top:10px;padding:5px}
.date-outer{margin:20px 0}
.date-header{font-size:12px; color:#bbb; text-shadow:0 1px 0 #fff; padding:3px 7px;-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0; background-color: rgba(200, 200, 200, 0.3); position:relative; left:-30px; display:inline}
.post-body{font-size:14px; padding:0 2em}
.date-posts{padding-top:10px}
.date-posts p{margin:10px 0}
.post-body li{list-style:circle outside}
.post-body p{text-indent: 2em;}
.post-body a:link{color:#318D1D;text-decoration:none}
.post-body a:visited{color:#666;text-decoration:none}
.post-body a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body ul,.post-body ol{margin-left:20px}
.post-body h3,.post-body h4,.post-body h5,.post-body h6{}
.post-title{font-size:20px;text-shadow:3px 3px 3px #ddd;margin-bottom:5px}
.comment-body{padding-left:20px}
.post-footer{margin:10px 0;color:#999}
.post-footer a:link, .post-footer a:visited{color:#666}
.post-footer a:hover{color:#fff;text-decoration:none;background-color:#66bbdd}
.post-footer a:active{color:#fff; text-decoration:none;background-color:#ffcc33}
.post-footer span{margin-right:5px}
.post-outer img{padding:2px; border:1px solid #fff}
.reactions-iframe{height:20px;vertical-align:text-bottom;border:none;width:auto}
.jump-link {font-size:14px}
/*.post-labels a{background:url(http://www.google.com/reader/ui/1019828636-annotation-tip-arrow-left.gif) no-repeat; padding-left:5px}*/
.feed-links{text-align:right; font-size:12px; font-weight:bold; padding:10px 0 10px 0}
.feed-links a{background:url("http://yfcielsl.googlecode.com/svn/trunk/blogger/rss32.png") no-repeat scroll right center transparent; padding-right:20px}
.blog-pager{padding-bottom:5px; overflow:hidden; text-align:center; font-size:14px;zoom:1}
#blog-pager-older-link{float:right}
#blog-pager-newer-link{float:left}
.left-wrap, .right-wrap{width:350px}
.left-wrap h2, .right-wrap h2{padding:3px 8px;background-color: rgba(200, 200, 200, 0.3);
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#bbb;text-shadow:0 1px 0 #fff}
.left-wrap .widget-content, .right-wrap .widget-content{padding:5px}
.left-wrap .widget, .right-wrap .widget, {margin-bottom:5px}
.left-wrap{float:left; margin-left:10px}
.right-wrap{float:right; margin-right:10px}
.bottom-wrap{clear:both; padding:20px 0}
.bottom-wrap .widget-content{border-top:1px solid #eee; padding-top:5px;text-align:center}
.BlogArchive #ArchiveList ul li.archivedate {display:inline;margin:0 10px 0 0;padding:0}
.cloud-label-widget-content span {margin-right:5px}
.comments {}
.comments h4{padding:10px 0; color:#000}
#comments-block.avatar-comment-indent{margin-top:10px}
.comments dd.comment-footer { padding-bottom:5px}
.comment-form{font-size:12px}
.comment-footer a.addNewComments{padding:3px 5px;font-size:14px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;
background-image:-moz-linear-gradient(center top , #fff, #ccc);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #ccc));filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";zoom:1}
.comment-footer a.addNewComments:link, .comment-footer a.addNewComments:visited{background-color:#eee}
.comment-footer a.addNewComments:hover {-moz-box-shadow:0px 0px 6px #999;-webkit-box-shadow:0 0 6px #999;border-color:#999;text-description:none; text-decoration:none}
.comment-footer a.addNewComments:active{color:#666;background-image:-moz-linear-gradient(center top , #ddd, #fff)}
.onebit_mp3{padding:0 2px 0 22px; background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/icon_music.png) no-repeat 3px 0}
.onebit_mp3 a:link, .onebit_mp3 a:visited{color:#000;text-decoration:none}
.onebit_mp3 a:hover{color:#fff; text-decoration:underline}
.onebit_mp3 a:active{color:#000; background-color:#fff;text-decoration:none}
#LinkList1 li{display:inline-block;margin-right:10px}}
.zxx_v_menu{width:98.5%; position:relative;}
.v_menu_list{width:98.5%; border:0px solid #dddddd; background:white; left:0px; top:21px; font-size:12px; display:none;}
.ryanshome {position:relative;left:0px;top:-30px;}
.ryans {text-align:right; margin-top:3px; padding-right:30px;}
.ryans li{display:inline}
.ryans li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.ryans li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryangooglehome {position:absolute;left:558px;top:-55px;}
.ryan_google {
text-align:right;
margin-top:3px;
padding-right:30px;
}
.searchform input {
color:#ccc;
border:none;
}
.searchform .s {
background:none;
border:none;
}
.searchform .submit {color:#666666;
background:#ffffff;
border:none;
display:inline;
}
.ryanFeatureList {
width: 745px;
margin: 0px auto;
padding: 0px;
background: none;
border: 1px solid #fff;
}
.ryanFeatureList li h3 {
margin: 0;
padding: 7px 0 0 0;
font-size: 16px;
text-transform: uppercase;
}
.ryanFeatureList div#feature_list {
width: 745px;
height: 240px;
overflow: hidden;
position: relative;
}
.ryanFeatureList div#feature_list ul {
position: absolute;
top: 0;
list-style: none;
padding: 0;
margin: 0;
}
.ryanFeatureList ul#tabs {
left: 0;
z-index: 2;
width: 280px;
}
.ryanFeatureList ul#tabs li {
font-size: 12px;
font-family: Arial;
}
.ryanFeatureList ul#tabs li div {
padding: 5px;
border: none;
float: left;
margin: 10px 10px 0 0;
width: 32px;
height: 32px;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw1 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw2 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/about.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw3 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li a {
color: #666;
text-decoration: none;
display: block;
padding: 10px;
height: 60px;
outline: none;
}
.ryanFeatureList ul#tabs li a:hover {
text-decoration: underline;
}
.ryanFeatureList ul#tabs li a.current {
background: #ccc;
color: #FFF;
}
.ryanFeatureList ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
}
.ryanFeatureList ul#output {
right: 0;
width: 463px;
height: 240px;
position: relative;
}
.ryanFeatureList ul#output li {
position: absolute;
width: 463px;
height: 240px;
}
.ryanFeatureList ul#output li div#ryansArchivesw4{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw5{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/blog.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw6{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li a {
position: absolute;
bottom: 10px;
right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 11px;
color: #FFF;
background: #ccc;
-moz-border-radius: 5px;
}
.ryanFeatureList ul#output li a:hover {
background: #66bbdd;
}
.ryanFeatureList ul#output li a:active {
background: #ffcc33;
}
#content.home{margin:10px 0 0px;}
#content.home aside{float:left;padding:0 0 0 20px;width:45.8%;text-align:left;}
#content.home aside.h{background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/homeside.png") no-repeat right;padding:0 20px 0 20px;}
#content.home aside.h img.alignright{float:right;margin:10px 0px 10px 10px;}
#content.home aside img.alignright{float:right;margin:10px 10px 10px 10px;}
#content.home aside h3{background:none;border:none;padding:0;color:#f93232;font-size:13pt;line-height:1em;font-family:'Levenim MT',sans-serif;font-weight:normal;}
#content.home aside p{margin:10px 10px 10px 10px;}
#content.home aside.h div.newblogmore{height: 70px;overflow: hidden;}
#content.home aside.h div.newblogmore ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#content.home aside.h div.newblogmore ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#content.home aside.h div.newblogmore ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#content.home aside p.more{margin:-5px 0px 0px 270px;}
#content.home aside.h p.more{margin:0px 0px 0px 270px;}
#content.home aside.h div.CopyrightStatementmore{position:relative;}
#content.home aside.h div.CopyrightStatementmorer img{position:absolute; left:5px; top:97px; width:16px; height:16px;}
#content.home aside.h div.CopyrightStatementmorer a{position:absolute; left:21px; top:97px;}
.related {
margin-left:10px;
margin-top:20px;
margin-bottom:20px;
height: 110px;
position: relative;
}
#related1 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related1 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related1 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related2 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related2 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related2 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related1{
top:0px;
left: 10px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
#related2{
top:0px;
left: 350px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
*{margin:0; padding:0}
li{list-style:none}img{border:none}
h1,h2,h3,h5,h6,h7{font-size:100%}
code{font-family:"Courier New", Courier, monospace}
blockquote{margin:10px 0 10px 10px; padding:10px 0 0 10px;border-left:3px solid #ddd;
background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/quote.gif) no-repeat 10px 0}
body{font:12px/1.5 Georgia, 'Microsoft YaHei'; color:#333}
a:link{color:#666;text-decoration:none}
a:visited{color:#666;text-decoration:none}
a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
#navbar, .widget-item-control{display:none}
#outer-wrapper{width:760px; margin:auto}
#header-inner{font-size:30px;color:#ddd;margin:0 30px 0; padding:10px 0 0}
.descriptionwrapper{border-bottom:4px solid #fff}
.main {margin:30px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
-moz-box-shadow:0 0 6px #ccc;-webkit-box-shadow:0 0 6px #ccc;box-shadow:0 0 10px #ccc;zoom:1;}
.blog-posts, .blog-pager, .blog-feeds,.post-feeds{padding:0 30px}
.titlewrapper{font-size:60px; height:60px; padding:20px 0; text-indent:-9999px; background:url("http://blogger56.googlecode.com/svn/trunk/blogger/blog.gif") no-repeat scroll 0 35px transparent}
.titlewrapper a:link,.titlewrapper a:visited{color:#DC2B33}
.titlewrapper a:hover,.titlewrapper a:active{color:#DC2B33;text-decoration:none;background:none}
.expend_archives{padding: 0 5px; margin-left:5px; font-size:10px; cursor:pointer}
<script src='http://ciel215.googlecode.com/svn/trunk/Music/swfobject.js' type='text/javascript'/>
<script src='http://ciel215.googlecode.com/svn/trunk/Music/1bit.js' type='text/javascript'/>
h1{padding:20px 0; text-indent:-9999px}
h1 a:link,h1 a:visited{color:#ddd}
h1 a:hover,h1 a:active{color:#eee;text-decoration:none;background:none}
.description{font-size:12px;color:#eee;padding:0 0 5px 50px}
.PageList {text-align:right; margin-top:3px; padding-right:30px;}
.PageList li{display:inline}
.PageList li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.PageList li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.status-msg-boxr{margin-top:10px;padding:5px}
.date-outer{margin:20px 0}
.date-header{font-size:12px; color:#bbb; text-shadow:0 1px 0 #fff; padding:3px 7px;-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0; background-color: rgba(200, 200, 200, 0.3); position:relative; left:-30px; display:inline}
.post-body{font-size:14px; padding:0 2em}
.date-posts{padding-top:10px}
.date-posts p{margin:10px 0}
.post-body li{list-style:circle outside}
.post-body p{text-indent: 2em;}
.post-body a:link{color:#318D1D;text-decoration:none}
.post-body a:visited{color:#666;text-decoration:none}
.post-body a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body ul,.post-body ol{margin-left:20px}
.post-body h3,.post-body h4,.post-body h5,.post-body h6{}
.post-title{font-size:20px;text-shadow:3px 3px 3px #ddd;margin-bottom:5px}
.comment-body{padding-left:20px}
.post-footer{margin:10px 0;color:#999}
.post-footer a:link, .post-footer a:visited{color:#666}
.post-footer a:hover{color:#fff;text-decoration:none;background-color:#66bbdd}
.post-footer a:active{color:#fff; text-decoration:none;background-color:#ffcc33}
.post-footer span{margin-right:5px}
.post-outer img{padding:2px; border:1px solid #fff}
.reactions-iframe{height:20px;vertical-align:text-bottom;border:none;width:auto}
.jump-link {font-size:14px}
/*.post-labels a{background:url(http://www.google.com/reader/ui/1019828636-annotation-tip-arrow-left.gif) no-repeat; padding-left:5px}*/
.feed-links{text-align:right; font-size:12px; font-weight:bold; padding:10px 0 10px 0}
.feed-links a{background:url("http://yfcielsl.googlecode.com/svn/trunk/blogger/rss32.png") no-repeat scroll right center transparent; padding-right:20px}
.blog-pager{padding-bottom:5px; overflow:hidden; text-align:center; font-size:14px;zoom:1}
#blog-pager-older-link{float:right}
#blog-pager-newer-link{float:left}
.left-wrap, .right-wrap{width:350px}
.left-wrap h2, .right-wrap h2{padding:3px 8px;background-color: rgba(200, 200, 200, 0.3);
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#bbb;text-shadow:0 1px 0 #fff}
.left-wrap .widget-content, .right-wrap .widget-content{padding:5px}
.left-wrap .widget, .right-wrap .widget, {margin-bottom:5px}
.left-wrap{float:left; margin-left:10px}
.right-wrap{float:right; margin-right:10px}
.bottom-wrap{clear:both; padding:20px 0}
.bottom-wrap .widget-content{border-top:1px solid #eee; padding-top:5px;text-align:center}
.BlogArchive #ArchiveList ul li.archivedate {display:inline;margin:0 10px 0 0;padding:0}
.cloud-label-widget-content span {margin-right:5px}
.comments {}
.comments h4{padding:10px 0; color:#000}
#comments-block.avatar-comment-indent{margin-top:10px}
.comments dd.comment-footer { padding-bottom:5px}
.comment-form{font-size:12px}
.comment-footer a.addNewComments{padding:3px 5px;font-size:14px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;
background-image:-moz-linear-gradient(center top , #fff, #ccc);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #ccc));filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";zoom:1}
.comment-footer a.addNewComments:link, .comment-footer a.addNewComments:visited{background-color:#eee}
.comment-footer a.addNewComments:hover {-moz-box-shadow:0px 0px 6px #999;-webkit-box-shadow:0 0 6px #999;border-color:#999;text-description:none; text-decoration:none}
.comment-footer a.addNewComments:active{color:#666;background-image:-moz-linear-gradient(center top , #ddd, #fff)}
.onebit_mp3{padding:0 2px 0 22px; background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/icon_music.png) no-repeat 3px 0}
.onebit_mp3 a:link, .onebit_mp3 a:visited{color:#000;text-decoration:none}
.onebit_mp3 a:hover{color:#fff; text-decoration:underline}
.onebit_mp3 a:active{color:#000; background-color:#fff;text-decoration:none}
#LinkList1 li{display:inline-block;margin-right:10px}}
.zxx_v_menu{width:98.5%; position:relative;}
.v_menu_list{width:98.5%; border:0px solid #dddddd; background:white; left:0px; top:21px; font-size:12px; display:none;}
.ryanshome {position:relative;left:0px;top:-30px;}
.ryans {text-align:right; margin-top:3px; padding-right:30px;}
.ryans li{display:inline}
.ryans li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.ryans li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryangooglehome {position:absolute;left:558px;top:-55px;}
.ryan_google {
text-align:right;
margin-top:3px;
padding-right:30px;
}
.searchform input {
color:#ccc;
border:none;
}
.searchform .s {
background:none;
border:none;
}
.searchform .submit {color:#666666;
background:#ffffff;
border:none;
display:inline;
}
.ryanFeatureList {
width: 745px;
margin: 0px auto;
padding: 0px;
background: none;
border: 1px solid #fff;
}
.ryanFeatureList li h3 {
margin: 0;
padding: 7px 0 0 0;
font-size: 16px;
text-transform: uppercase;
}
.ryanFeatureList div#feature_list {
width: 745px;
height: 240px;
overflow: hidden;
position: relative;
}
.ryanFeatureList div#feature_list ul {
position: absolute;
top: 0;
list-style: none;
padding: 0;
margin: 0;
}
.ryanFeatureList ul#tabs {
left: 0;
z-index: 2;
width: 280px;
}
.ryanFeatureList ul#tabs li {
font-size: 12px;
font-family: Arial;
}
.ryanFeatureList ul#tabs li div {
padding: 5px;
border: none;
float: left;
margin: 10px 10px 0 0;
width: 32px;
height: 32px;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw1 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw2 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/about.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw3 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li a {
color: #666;
text-decoration: none;
display: block;
padding: 10px;
height: 60px;
outline: none;
}
.ryanFeatureList ul#tabs li a:hover {
text-decoration: underline;
}
.ryanFeatureList ul#tabs li a.current {
background: #ccc;
color: #FFF;
}
.ryanFeatureList ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
}
.ryanFeatureList ul#output {
right: 0;
width: 463px;
height: 240px;
position: relative;
}
.ryanFeatureList ul#output li {
position: absolute;
width: 463px;
height: 240px;
}
.ryanFeatureList ul#output li div#ryansArchivesw4{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw5{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/blog.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw6{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li a {
position: absolute;
bottom: 10px;
right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 11px;
color: #FFF;
background: #ccc;
-moz-border-radius: 5px;
}
.ryanFeatureList ul#output li a:hover {
background: #66bbdd;
}
.ryanFeatureList ul#output li a:active {
background: #ffcc33;
}
#content.home{margin:10px 0 0px;}
#content.home aside{float:left;padding:0 0 0 20px;width:45.8%;text-align:left;}
#content.home aside.h{background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/homeside.png") no-repeat right;padding:0 20px 0 20px;}
#content.home aside.h img.alignright{float:right;margin:10px 0px 10px 10px;}
#content.home aside img.alignright{float:right;margin:10px 10px 10px 10px;}
#content.home aside h3{background:none;border:none;padding:0;color:#f93232;font-size:13pt;line-height:1em;font-family:'Levenim MT',sans-serif;font-weight:normal;}
#content.home aside p{margin:10px 10px 10px 10px;}
#content.home aside.h div.newblogmore{height: 70px;overflow: hidden;}
#content.home aside.h div.newblogmore ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#content.home aside.h div.newblogmore ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#content.home aside.h div.newblogmore ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#content.home aside p.more{margin:-5px 0px 0px 270px;}
#content.home aside.h p.more{margin:0px 0px 0px 270px;}
#content.home aside.h div.CopyrightStatementmore{position:relative;}
#content.home aside.h div.CopyrightStatementmorer img{position:absolute; left:5px; top:97px; width:16px; height:16px;}
#content.home aside.h div.CopyrightStatementmorer a{position:absolute; left:21px; top:97px;}
.related {
margin-left:10px;
margin-top:20px;
margin-bottom:20px;
height: 110px;
position: relative;
}
#related1 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related1 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related1 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related2 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related2 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related2 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related1{
top:0px;
left: 10px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
#related2{
top:0px;
left: 350px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
*{margin:0; padding:0}
li{list-style:none}img{border:none}
h1,h2,h3,h5,h6,h7{font-size:100%}
code{font-family:"Courier New", Courier, monospace}
blockquote{margin:10px 0 10px 10px; padding:10px 0 0 10px;border-left:3px solid #ddd;
background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/quote.gif) no-repeat 10px 0}
body{font:12px/1.5 Georgia, 'Microsoft YaHei'; color:#333}
a:link{color:#666;text-decoration:none}
a:visited{color:#666;text-decoration:none}
a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
#navbar, .widget-item-control{display:none}
#outer-wrapper{width:760px; margin:auto}
#header-inner{font-size:30px;color:#ddd;margin:0 30px 0; padding:10px 0 0}
.descriptionwrapper{border-bottom:4px solid #fff}
.main {margin:30px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
-moz-box-shadow:0 0 6px #ccc;-webkit-box-shadow:0 0 6px #ccc;box-shadow:0 0 10px #ccc;zoom:1;}
.blog-posts, .blog-pager, .blog-feeds,.post-feeds{padding:0 30px}
.titlewrapper{font-size:60px; height:60px; padding:20px 0; text-indent:-9999px; background:url("http://blogger56.googlecode.com/svn/trunk/blogger/blog.gif") no-repeat scroll 0 35px transparent}
.titlewrapper a:link,.titlewrapper a:visited{color:#DC2B33}
.titlewrapper a:hover,.titlewrapper a:active{color:#DC2B33;text-decoration:none;background:none}
.expend_archives{padding: 0 5px; margin-left:5px; font-size:10px; cursor:pointer}
<script src='http://ciel215.googlecode.com/svn/trunk/Music/swfobject.js' type='text/javascript'/>
<script src='http://ciel215.googlecode.com/svn/trunk/Music/1bit.js' type='text/javascript'/>
h1{padding:20px 0; text-indent:-9999px}
h1 a:link,h1 a:visited{color:#ddd}
h1 a:hover,h1 a:active{color:#eee;text-decoration:none;background:none}
.description{font-size:12px;color:#eee;padding:0 0 5px 50px}
.PageList {text-align:right; margin-top:3px; padding-right:30px;}
.PageList li{display:inline}
.PageList li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.PageList li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.status-msg-boxr{margin-top:10px;padding:5px}
.date-outer{margin:20px 0}
.date-header{font-size:12px; color:#bbb; text-shadow:0 1px 0 #fff; padding:3px 7px;-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0; background-color: rgba(200, 200, 200, 0.3); position:relative; left:-30px; display:inline}
.post-body{font-size:14px; padding:0 2em}
.date-posts{padding-top:10px}
.date-posts p{margin:10px 0}
.post-body li{list-style:circle outside}
.post-body p{text-indent: 2em;}
.post-body a:link{color:#318D1D;text-decoration:none}
.post-body a:visited{color:#666;text-decoration:none}
.post-body a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body ul,.post-body ol{margin-left:20px}
.post-body h3,.post-body h4,.post-body h5,.post-body h6{}
.post-title{font-size:20px;text-shadow:3px 3px 3px #ddd;margin-bottom:5px}
.comment-body{padding-left:20px}
.post-footer{margin:10px 0;color:#999}
.post-footer a:link, .post-footer a:visited{color:#666}
.post-footer a:hover{color:#fff;text-decoration:none;background-color:#66bbdd}
.post-footer a:active{color:#fff; text-decoration:none;background-color:#ffcc33}
.post-footer span{margin-right:5px}
.post-outer img{padding:2px; border:1px solid #fff}
.reactions-iframe{height:20px;vertical-align:text-bottom;border:none;width:auto}
.jump-link {font-size:14px}
/*.post-labels a{background:url(http://www.google.com/reader/ui/1019828636-annotation-tip-arrow-left.gif) no-repeat; padding-left:5px}*/
.feed-links{text-align:right; font-size:12px; font-weight:bold; padding:10px 0 10px 0}
.feed-links a{background:url("http://yfcielsl.googlecode.com/svn/trunk/blogger/rss32.png") no-repeat scroll right center transparent; padding-right:20px}
.blog-pager{padding-bottom:5px; overflow:hidden; text-align:center; font-size:14px;zoom:1}
#blog-pager-older-link{float:right}
#blog-pager-newer-link{float:left}
.left-wrap, .right-wrap{width:350px}
.left-wrap h2, .right-wrap h2{padding:3px 8px;background-color: rgba(200, 200, 200, 0.3);
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#bbb;text-shadow:0 1px 0 #fff}
.left-wrap .widget-content, .right-wrap .widget-content{padding:5px}
.left-wrap .widget, .right-wrap .widget, {margin-bottom:5px}
.left-wrap{float:left; margin-left:10px}
.right-wrap{float:right; margin-right:10px}
.bottom-wrap{clear:both; padding:20px 0}
.bottom-wrap .widget-content{border-top:1px solid #eee; padding-top:5px;text-align:center}
.BlogArchive #ArchiveList ul li.archivedate {display:inline;margin:0 10px 0 0;padding:0}
.cloud-label-widget-content span {margin-right:5px}
.comments {}
.comments h4{padding:10px 0; color:#000}
#comments-block.avatar-comment-indent{margin-top:10px}
.comments dd.comment-footer { padding-bottom:5px}
.comment-form{font-size:12px}
.comment-footer a.addNewComments{padding:3px 5px;font-size:14px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;
background-image:-moz-linear-gradient(center top , #fff, #ccc);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #ccc));filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";zoom:1}
.comment-footer a.addNewComments:link, .comment-footer a.addNewComments:visited{background-color:#eee}
.comment-footer a.addNewComments:hover {-moz-box-shadow:0px 0px 6px #999;-webkit-box-shadow:0 0 6px #999;border-color:#999;text-description:none; text-decoration:none}
.comment-footer a.addNewComments:active{color:#666;background-image:-moz-linear-gradient(center top , #ddd, #fff)}
.onebit_mp3{padding:0 2px 0 22px; background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/icon_music.png) no-repeat 3px 0}
.onebit_mp3 a:link, .onebit_mp3 a:visited{color:#000;text-decoration:none}
.onebit_mp3 a:hover{color:#fff; text-decoration:underline}
.onebit_mp3 a:active{color:#000; background-color:#fff;text-decoration:none}
#LinkList1 li{display:inline-block;margin-right:10px}}
.zxx_v_menu{width:98.5%; position:relative;}
.v_menu_list{width:98.5%; border:0px solid #dddddd; background:white; left:0px; top:21px; font-size:12px; display:none;}
.ryanshome {position:relative;left:0px;top:-30px;}
.ryans {text-align:right; margin-top:3px; padding-right:30px;}
.ryans li{display:inline}
.ryans li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.ryans li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryangooglehome {position:absolute;left:558px;top:-55px;}
.ryan_google {
text-align:right;
margin-top:3px;
padding-right:30px;
}
.searchform input {
color:#ccc;
border:none;
}
.searchform .s {
background:none;
border:none;
}
.searchform .submit {color:#666666;
background:#ffffff;
border:none;
display:inline;
}
.ryanFeatureList {
width: 745px;
margin: 0px auto;
padding: 0px;
background: none;
border: 1px solid #fff;
}
.ryanFeatureList li h3 {
margin: 0;
padding: 7px 0 0 0;
font-size: 16px;
text-transform: uppercase;
}
.ryanFeatureList div#feature_list {
width: 745px;
height: 240px;
overflow: hidden;
position: relative;
}
.ryanFeatureList div#feature_list ul {
position: absolute;
top: 0;
list-style: none;
padding: 0;
margin: 0;
}
.ryanFeatureList ul#tabs {
left: 0;
z-index: 2;
width: 280px;
}
.ryanFeatureList ul#tabs li {
font-size: 12px;
font-family: Arial;
}
.ryanFeatureList ul#tabs li div {
padding: 5px;
border: none;
float: left;
margin: 10px 10px 0 0;
width: 32px;
height: 32px;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw1 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw2 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/about.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw3 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li a {
color: #666;
text-decoration: none;
display: block;
padding: 10px;
height: 60px;
outline: none;
}
.ryanFeatureList ul#tabs li a:hover {
text-decoration: underline;
}
.ryanFeatureList ul#tabs li a.current {
background: #ccc;
color: #FFF;
}
.ryanFeatureList ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
}
.ryanFeatureList ul#output {
right: 0;
width: 463px;
height: 240px;
position: relative;
}
.ryanFeatureList ul#output li {
position: absolute;
width: 463px;
height: 240px;
}
.ryanFeatureList ul#output li div#ryansArchivesw4{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw5{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/blog.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw6{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li a {
position: absolute;
bottom: 10px;
right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 11px;
color: #FFF;
background: #ccc;
-moz-border-radius: 5px;
}
.ryanFeatureList ul#output li a:hover {
background: #66bbdd;
}
.ryanFeatureList ul#output li a:active {
background: #ffcc33;
}
#content.home{margin:10px 0 0px;}
#content.home aside{float:left;padding:0 0 0 20px;width:45.8%;text-align:left;}
#content.home aside.h{background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/homeside.png") no-repeat right;padding:0 20px 0 20px;}
#content.home aside.h img.alignright{float:right;margin:10px 0px 10px 10px;}
#content.home aside img.alignright{float:right;margin:10px 10px 10px 10px;}
#content.home aside h3{background:none;border:none;padding:0;color:#f93232;font-size:13pt;line-height:1em;font-family:'Levenim MT',sans-serif;font-weight:normal;}
#content.home aside p{margin:10px 10px 10px 10px;}
#content.home aside.h div.newblogmore{height: 70px;overflow: hidden;}
#content.home aside.h div.newblogmore ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#content.home aside.h div.newblogmore ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#content.home aside.h div.newblogmore ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#content.home aside p.more{margin:-5px 0px 0px 270px;}
#content.home aside.h p.more{margin:0px 0px 0px 270px;}
#content.home aside.h div.CopyrightStatementmore{position:relative;}
#content.home aside.h div.CopyrightStatementmorer img{position:absolute; left:5px; top:97px; width:16px; height:16px;}
#content.home aside.h div.CopyrightStatementmorer a{position:absolute; left:21px; top:97px;}
.related {
margin-left:10px;
margin-top:20px;
margin-bottom:20px;
height: 110px;
position: relative;
}
#related1 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related1 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related1 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related2 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related2 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related2 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related1{
top:0px;
left: 10px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
#related2{
top:0px;
left: 350px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
*{margin:0; padding:0}
li{list-style:none}img{border:none}
h1,h2,h3,h5,h6,h7{font-size:100%}
code{font-family:"Courier New", Courier, monospace}
blockquote{margin:10px 0 10px 10px; padding:10px 0 0 10px;border-left:3px solid #ddd;
background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/quote.gif) no-repeat 10px 0}
body{font:12px/1.5 Georgia, 'Microsoft YaHei'; color:#333}
a:link{color:#666;text-decoration:none}
a:visited{color:#666;text-decoration:none}
a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
#navbar, .widget-item-control{display:none}
#outer-wrapper{width:760px; margin:auto}
#header-inner{font-size:30px;color:#ddd;margin:0 30px 0; padding:10px 0 0}
.descriptionwrapper{border-bottom:4px solid #fff}
.main {margin:30px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
-moz-box-shadow:0 0 6px #ccc;-webkit-box-shadow:0 0 6px #ccc;box-shadow:0 0 10px #ccc;zoom:1;}
.blog-posts, .blog-pager, .blog-feeds,.post-feeds{padding:0 30px}
.titlewrapper{font-size:60px; height:60px; padding:20px 0; text-indent:-9999px; background:url("http://blogger56.googlecode.com/svn/trunk/blogger/blog.gif") no-repeat scroll 0 35px transparent}
.titlewrapper a:link,.titlewrapper a:visited{color:#DC2B33}
.titlewrapper a:hover,.titlewrapper a:active{color:#DC2B33;text-decoration:none;background:none}
.expend_archives{padding: 0 5px; margin-left:5px; font-size:10px; cursor:pointer}
<script src='http://ciel215.googlecode.com/svn/trunk/Music/swfobject.js' type='text/javascript'/>
<script src='http://ciel215.googlecode.com/svn/trunk/Music/1bit.js' type='text/javascript'/>
h1{padding:20px 0; text-indent:-9999px}
h1 a:link,h1 a:visited{color:#ddd}
h1 a:hover,h1 a:active{color:#eee;text-decoration:none;background:none}
.description{font-size:12px;color:#eee;padding:0 0 5px 50px}
.PageList {text-align:right; margin-top:3px; padding-right:30px;}
.PageList li{display:inline}
.PageList li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.PageList li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.status-msg-boxr{margin-top:10px;padding:5px}
.date-outer{margin:20px 0}
.date-header{font-size:12px; color:#bbb; text-shadow:0 1px 0 #fff; padding:3px 7px;-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0; background-color: rgba(200, 200, 200, 0.3); position:relative; left:-30px; display:inline}
.post-body{font-size:14px; padding:0 2em}
.date-posts{padding-top:10px}
.date-posts p{margin:10px 0}
.post-body li{list-style:circle outside}
.post-body p{text-indent: 2em;}
.post-body a:link{color:#318D1D;text-decoration:none}
.post-body a:visited{color:#666;text-decoration:none}
.post-body a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body ul,.post-body ol{margin-left:20px}
.post-body h3,.post-body h4,.post-body h5,.post-body h6{}
.post-title{font-size:20px;text-shadow:3px 3px 3px #ddd;margin-bottom:5px}
.comment-body{padding-left:20px}
.post-footer{margin:10px 0;color:#999}
.post-footer a:link, .post-footer a:visited{color:#666}
.post-footer a:hover{color:#fff;text-decoration:none;background-color:#66bbdd}
.post-footer a:active{color:#fff; text-decoration:none;background-color:#ffcc33}
.post-footer span{margin-right:5px}
.post-outer img{padding:2px; border:1px solid #fff}
.reactions-iframe{height:20px;vertical-align:text-bottom;border:none;width:auto}
.jump-link {font-size:14px}
/*.post-labels a{background:url(http://www.google.com/reader/ui/1019828636-annotation-tip-arrow-left.gif) no-repeat; padding-left:5px}*/
.feed-links{text-align:right; font-size:12px; font-weight:bold; padding:10px 0 10px 0}
.feed-links a{background:url("http://yfcielsl.googlecode.com/svn/trunk/blogger/rss32.png") no-repeat scroll right center transparent; padding-right:20px}
.blog-pager{padding-bottom:5px; overflow:hidden; text-align:center; font-size:14px;zoom:1}
#blog-pager-older-link{float:right}
#blog-pager-newer-link{float:left}
.left-wrap, .right-wrap{width:350px}
.left-wrap h2, .right-wrap h2{padding:3px 8px;background-color: rgba(200, 200, 200, 0.3);
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#bbb;text-shadow:0 1px 0 #fff}
.left-wrap .widget-content, .right-wrap .widget-content{padding:5px}
.left-wrap .widget, .right-wrap .widget, {margin-bottom:5px}
.left-wrap{float:left; margin-left:10px}
.right-wrap{float:right; margin-right:10px}
.bottom-wrap{clear:both; padding:20px 0}
.bottom-wrap .widget-content{border-top:1px solid #eee; padding-top:5px;text-align:center}
.BlogArchive #ArchiveList ul li.archivedate {display:inline;margin:0 10px 0 0;padding:0}
.cloud-label-widget-content span {margin-right:5px}
.comments {}
.comments h4{padding:10px 0; color:#000}
#comments-block.avatar-comment-indent{margin-top:10px}
.comments dd.comment-footer { padding-bottom:5px}
.comment-form{font-size:12px}
.comment-footer a.addNewComments{padding:3px 5px;font-size:14px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;
background-image:-moz-linear-gradient(center top , #fff, #ccc);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #ccc));filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";zoom:1}
.comment-footer a.addNewComments:link, .comment-footer a.addNewComments:visited{background-color:#eee}
.comment-footer a.addNewComments:hover {-moz-box-shadow:0px 0px 6px #999;-webkit-box-shadow:0 0 6px #999;border-color:#999;text-description:none; text-decoration:none}
.comment-footer a.addNewComments:active{color:#666;background-image:-moz-linear-gradient(center top , #ddd, #fff)}
.onebit_mp3{padding:0 2px 0 22px; background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/icon_music.png) no-repeat 3px 0}
.onebit_mp3 a:link, .onebit_mp3 a:visited{color:#000;text-decoration:none}
.onebit_mp3 a:hover{color:#fff; text-decoration:underline}
.onebit_mp3 a:active{color:#000; background-color:#fff;text-decoration:none}
#LinkList1 li{display:inline-block;margin-right:10px}}
.zxx_v_menu{width:98.5%; position:relative;}
.v_menu_list{width:98.5%; border:0px solid #dddddd; background:white; left:0px; top:21px; font-size:12px; display:none;}
.ryanshome {position:relative;left:0px;top:-30px;}
.ryans {text-align:right; margin-top:3px; padding-right:30px;}
.ryans li{display:inline}
.ryans li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.ryans li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryangooglehome {position:absolute;left:558px;top:-55px;}
.ryan_google {
text-align:right;
margin-top:3px;
padding-right:30px;
}
.searchform input {
color:#ccc;
border:none;
}
.searchform .s {
background:none;
border:none;
}
.searchform .submit {color:#666666;
background:#ffffff;
border:none;
display:inline;
}
.ryanFeatureList {
width: 745px;
margin: 0px auto;
padding: 0px;
background: none;
border: 1px solid #fff;
}
.ryanFeatureList li h3 {
margin: 0;
padding: 7px 0 0 0;
font-size: 16px;
text-transform: uppercase;
}
.ryanFeatureList div#feature_list {
width: 745px;
height: 240px;
overflow: hidden;
position: relative;
}
.ryanFeatureList div#feature_list ul {
position: absolute;
top: 0;
list-style: none;
padding: 0;
margin: 0;
}
.ryanFeatureList ul#tabs {
left: 0;
z-index: 2;
width: 280px;
}
.ryanFeatureList ul#tabs li {
font-size: 12px;
font-family: Arial;
}
.ryanFeatureList ul#tabs li div {
padding: 5px;
border: none;
float: left;
margin: 10px 10px 0 0;
width: 32px;
height: 32px;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw1 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw2 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/about.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw3 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li a {
color: #666;
text-decoration: none;
display: block;
padding: 10px;
height: 60px;
outline: none;
}
.ryanFeatureList ul#tabs li a:hover {
text-decoration: underline;
}
.ryanFeatureList ul#tabs li a.current {
background: #ccc;
color: #FFF;
}
.ryanFeatureList ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
}
.ryanFeatureList ul#output {
right: 0;
width: 463px;
height: 240px;
position: relative;
}
.ryanFeatureList ul#output li {
position: absolute;
width: 463px;
height: 240px;
}
.ryanFeatureList ul#output li div#ryansArchivesw4{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw5{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/blog.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw6{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li a {
position: absolute;
bottom: 10px;
right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 11px;
color: #FFF;
background: #ccc;
-moz-border-radius: 5px;
}
.ryanFeatureList ul#output li a:hover {
background: #66bbdd;
}
.ryanFeatureList ul#output li a:active {
background: #ffcc33;
}
#content.home{margin:10px 0 0px;}
#content.home aside{float:left;padding:0 0 0 20px;width:45.8%;text-align:left;}
#content.home aside.h{background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/homeside.png") no-repeat right;padding:0 20px 0 20px;}
#content.home aside.h img.alignright{float:right;margin:10px 0px 10px 10px;}
#content.home aside img.alignright{float:right;margin:10px 10px 10px 10px;}
#content.home aside h3{background:none;border:none;padding:0;color:#f93232;font-size:13pt;line-height:1em;font-family:'Levenim MT',sans-serif;font-weight:normal;}
#content.home aside p{margin:10px 10px 10px 10px;}
#content.home aside.h div.newblogmore{height: 70px;overflow: hidden;}
#content.home aside.h div.newblogmore ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#content.home aside.h div.newblogmore ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#content.home aside.h div.newblogmore ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#content.home aside p.more{margin:-5px 0px 0px 270px;}
#content.home aside.h p.more{margin:0px 0px 0px 270px;}
#content.home aside.h div.CopyrightStatementmore{position:relative;}
#content.home aside.h div.CopyrightStatementmorer img{position:absolute; left:5px; top:97px; width:16px; height:16px;}
#content.home aside.h div.CopyrightStatementmorer a{position:absolute; left:21px; top:97px;}
.related {
margin-left:10px;
margin-top:20px;
margin-bottom:20px;
height: 110px;
position: relative;
}
#related1 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related1 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related1 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related2 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related2 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related2 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related1{
top:0px;
left: 10px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
#related2{
top:0px;
left: 350px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
*{margin:0; padding:0}
li{list-style:none}img{border:none}
h1,h2,h3,h5,h6,h7{font-size:100%}
code{font-family:"Courier New", Courier, monospace}
blockquote{margin:10px 0 10px 10px; padding:10px 0 0 10px;border-left:3px solid #ddd;
background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/quote.gif) no-repeat 10px 0}
body{font:12px/1.5 Georgia, 'Microsoft YaHei'; color:#333}
a:link{color:#666;text-decoration:none}
a:visited{color:#666;text-decoration:none}
a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
#navbar, .widget-item-control{display:none}
#outer-wrapper{width:760px; margin:auto}
#header-inner{font-size:30px;color:#ddd;margin:0 30px 0; padding:10px 0 0}
.descriptionwrapper{border-bottom:4px solid #fff}
.main {margin:30px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
-moz-box-shadow:0 0 6px #ccc;-webkit-box-shadow:0 0 6px #ccc;box-shadow:0 0 10px #ccc;zoom:1;}
.blog-posts, .blog-pager, .blog-feeds,.post-feeds{padding:0 30px}
.titlewrapper{font-size:60px; height:60px; padding:20px 0; text-indent:-9999px; background:url("http://blogger56.googlecode.com/svn/trunk/blogger/blog.gif") no-repeat scroll 0 35px transparent}
.titlewrapper a:link,.titlewrapper a:visited{color:#DC2B33}
.titlewrapper a:hover,.titlewrapper a:active{color:#DC2B33;text-decoration:none;background:none}
.expend_archives{padding: 0 5px; margin-left:5px; font-size:10px; cursor:pointer}
<script src='http://ciel215.googlecode.com/svn/trunk/Music/swfobject.js' type='text/javascript'/>
<script src='http://ciel215.googlecode.com/svn/trunk/Music/1bit.js' type='text/javascript'/>
h1{padding:20px 0; text-indent:-9999px}
h1 a:link,h1 a:visited{color:#ddd}
h1 a:hover,h1 a:active{color:#eee;text-decoration:none;background:none}
.description{font-size:12px;color:#eee;padding:0 0 5px 50px}
.PageList {text-align:right; margin-top:3px; padding-right:30px;}
.PageList li{display:inline}
.PageList li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.PageList li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.status-msg-boxr{margin-top:10px;padding:5px}
.date-outer{margin:20px 0}
.date-header{font-size:12px; color:#bbb; text-shadow:0 1px 0 #fff; padding:3px 7px;-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0; background-color: rgba(200, 200, 200, 0.3); position:relative; left:-30px; display:inline}
.post-body{font-size:14px; padding:0 2em}
.date-posts{padding-top:10px}
.date-posts p{margin:10px 0}
.post-body li{list-style:circle outside}
.post-body p{text-indent: 2em;}
.post-body a:link{color:#318D1D;text-decoration:none}
.post-body a:visited{color:#666;text-decoration:none}
.post-body a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body ul,.post-body ol{margin-left:20px}
.post-body h3,.post-body h4,.post-body h5,.post-body h6{}
.post-title{font-size:20px;text-shadow:3px 3px 3px #ddd;margin-bottom:5px}
.comment-body{padding-left:20px}
.post-footer{margin:10px 0;color:#999}
.post-footer a:link, .post-footer a:visited{color:#666}
.post-footer a:hover{color:#fff;text-decoration:none;background-color:#66bbdd}
.post-footer a:active{color:#fff; text-decoration:none;background-color:#ffcc33}
.post-footer span{margin-right:5px}
.post-outer img{padding:2px; border:1px solid #fff}
.reactions-iframe{height:20px;vertical-align:text-bottom;border:none;width:auto}
.jump-link {font-size:14px}
/*.post-labels a{background:url(http://www.google.com/reader/ui/1019828636-annotation-tip-arrow-left.gif) no-repeat; padding-left:5px}*/
.feed-links{text-align:right; font-size:12px; font-weight:bold; padding:10px 0 10px 0}
.feed-links a{background:url("http://yfcielsl.googlecode.com/svn/trunk/blogger/rss32.png") no-repeat scroll right center transparent; padding-right:20px}
.blog-pager{padding-bottom:5px; overflow:hidden; text-align:center; font-size:14px;zoom:1}
#blog-pager-older-link{float:right}
#blog-pager-newer-link{float:left}
.left-wrap, .right-wrap{width:350px}
.left-wrap h2, .right-wrap h2{padding:3px 8px;background-color: rgba(200, 200, 200, 0.3);
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#bbb;text-shadow:0 1px 0 #fff}
.left-wrap .widget-content, .right-wrap .widget-content{padding:5px}
.left-wrap .widget, .right-wrap .widget, {margin-bottom:5px}
.left-wrap{float:left; margin-left:10px}
.right-wrap{float:right; margin-right:10px}
.bottom-wrap{clear:both; padding:20px 0}
.bottom-wrap .widget-content{border-top:1px solid #eee; padding-top:5px;text-align:center}
.BlogArchive #ArchiveList ul li.archivedate {display:inline;margin:0 10px 0 0;padding:0}
.cloud-label-widget-content span {margin-right:5px}
.comments {}
.comments h4{padding:10px 0; color:#000}
#comments-block.avatar-comment-indent{margin-top:10px}
.comments dd.comment-footer { padding-bottom:5px}
.comment-form{font-size:12px}
.comment-footer a.addNewComments{padding:3px 5px;font-size:14px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;
background-image:-moz-linear-gradient(center top , #fff, #ccc);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #ccc));filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";zoom:1}
.comment-footer a.addNewComments:link, .comment-footer a.addNewComments:visited{background-color:#eee}
.comment-footer a.addNewComments:hover {-moz-box-shadow:0px 0px 6px #999;-webkit-box-shadow:0 0 6px #999;border-color:#999;text-description:none; text-decoration:none}
.comment-footer a.addNewComments:active{color:#666;background-image:-moz-linear-gradient(center top , #ddd, #fff)}
.onebit_mp3{padding:0 2px 0 22px; background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/icon_music.png) no-repeat 3px 0}
.onebit_mp3 a:link, .onebit_mp3 a:visited{color:#000;text-decoration:none}
.onebit_mp3 a:hover{color:#fff; text-decoration:underline}
.onebit_mp3 a:active{color:#000; background-color:#fff;text-decoration:none}
#LinkList1 li{display:inline-block;margin-right:10px}}
.zxx_v_menu{width:98.5%; position:relative;}
.v_menu_list{width:98.5%; border:0px solid #dddddd; background:white; left:0px; top:21px; font-size:12px; display:none;}
.ryanshome {position:relative;left:0px;top:-30px;}
.ryans {text-align:right; margin-top:3px; padding-right:30px;}
.ryans li{display:inline}
.ryans li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.ryans li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryangooglehome {position:absolute;left:558px;top:-55px;}
.ryan_google {
text-align:right;
margin-top:3px;
padding-right:30px;
}
.searchform input {
color:#ccc;
border:none;
}
.searchform .s {
background:none;
border:none;
}
.searchform .submit {color:#666666;
background:#ffffff;
border:none;
display:inline;
}
.ryanFeatureList {
width: 745px;
margin: 0px auto;
padding: 0px;
background: none;
border: 1px solid #fff;
}
.ryanFeatureList li h3 {
margin: 0;
padding: 7px 0 0 0;
font-size: 16px;
text-transform: uppercase;
}
.ryanFeatureList div#feature_list {
width: 745px;
height: 240px;
overflow: hidden;
position: relative;
}
.ryanFeatureList div#feature_list ul {
position: absolute;
top: 0;
list-style: none;
padding: 0;
margin: 0;
}
.ryanFeatureList ul#tabs {
left: 0;
z-index: 2;
width: 280px;
}
.ryanFeatureList ul#tabs li {
font-size: 12px;
font-family: Arial;
}
.ryanFeatureList ul#tabs li div {
padding: 5px;
border: none;
float: left;
margin: 10px 10px 0 0;
width: 32px;
height: 32px;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw1 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw2 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/about.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw3 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li a {
color: #666;
text-decoration: none;
display: block;
padding: 10px;
height: 60px;
outline: none;
}
.ryanFeatureList ul#tabs li a:hover {
text-decoration: underline;
}
.ryanFeatureList ul#tabs li a.current {
background: #ccc;
color: #FFF;
}
.ryanFeatureList ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
}
.ryanFeatureList ul#output {
right: 0;
width: 463px;
height: 240px;
position: relative;
}
.ryanFeatureList ul#output li {
position: absolute;
width: 463px;
height: 240px;
}
.ryanFeatureList ul#output li div#ryansArchivesw4{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw5{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/blog.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw6{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li a {
position: absolute;
bottom: 10px;
right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 11px;
color: #FFF;
background: #ccc;
-moz-border-radius: 5px;
}
.ryanFeatureList ul#output li a:hover {
background: #66bbdd;
}
.ryanFeatureList ul#output li a:active {
background: #ffcc33;
}
#content.home{margin:10px 0 0px;}
#content.home aside{float:left;padding:0 0 0 20px;width:45.8%;text-align:left;}
#content.home aside.h{background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/homeside.png") no-repeat right;padding:0 20px 0 20px;}
#content.home aside.h img.alignright{float:right;margin:10px 0px 10px 10px;}
#content.home aside img.alignright{float:right;margin:10px 10px 10px 10px;}
#content.home aside h3{background:none;border:none;padding:0;color:#f93232;font-size:13pt;line-height:1em;font-family:'Levenim MT',sans-serif;font-weight:normal;}
#content.home aside p{margin:10px 10px 10px 10px;}
#content.home aside.h div.newblogmore{height: 70px;overflow: hidden;}
#content.home aside.h div.newblogmore ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#content.home aside.h div.newblogmore ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#content.home aside.h div.newblogmore ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#content.home aside p.more{margin:-5px 0px 0px 270px;}
#content.home aside.h p.more{margin:0px 0px 0px 270px;}
#content.home aside.h div.CopyrightStatementmore{position:relative;}
#content.home aside.h div.CopyrightStatementmorer img{position:absolute; left:5px; top:97px; width:16px; height:16px;}
#content.home aside.h div.CopyrightStatementmorer a{position:absolute; left:21px; top:97px;}
.related {
margin-left:10px;
margin-top:20px;
margin-bottom:20px;
height: 110px;
position: relative;
}
#related1 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related1 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related1 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related2 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related2 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related2 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related1{
top:0px;
left: 10px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
#related2{
top:0px;
left: 350px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
*{margin:0; padding:0}
li{list-style:none}img{border:none}
h1,h2,h3,h5,h6,h7{font-size:100%}
code{font-family:"Courier New", Courier, monospace}
blockquote{margin:10px 0 10px 10px; padding:10px 0 0 10px;border-left:3px solid #ddd;
background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/quote.gif) no-repeat 10px 0}
body{font:12px/1.5 Georgia, 'Microsoft YaHei'; color:#333}
a:link{color:#666;text-decoration:none}
a:visited{color:#666;text-decoration:none}
a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
#navbar, .widget-item-control{display:none}
#outer-wrapper{width:760px; margin:auto}
#header-inner{font-size:30px;color:#ddd;margin:0 30px 0; padding:10px 0 0}
.descriptionwrapper{border-bottom:4px solid #fff}
.main {margin:30px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
-moz-box-shadow:0 0 6px #ccc;-webkit-box-shadow:0 0 6px #ccc;box-shadow:0 0 10px #ccc;zoom:1;}
.blog-posts, .blog-pager, .blog-feeds,.post-feeds{padding:0 30px}
.titlewrapper{font-size:60px; height:60px; padding:20px 0; text-indent:-9999px; background:url("http://blogger56.googlecode.com/svn/trunk/blogger/blog.gif") no-repeat scroll 0 35px transparent}
.titlewrapper a:link,.titlewrapper a:visited{color:#DC2B33}
.titlewrapper a:hover,.titlewrapper a:active{color:#DC2B33;text-decoration:none;background:none}
.expend_archives{padding: 0 5px; margin-left:5px; font-size:10px; cursor:pointer}
<script src='http://ciel215.googlecode.com/svn/trunk/Music/swfobject.js' type='text/javascript'/>
<script src='http://ciel215.googlecode.com/svn/trunk/Music/1bit.js' type='text/javascript'/>
h1{padding:20px 0; text-indent:-9999px}
h1 a:link,h1 a:visited{color:#ddd}
h1 a:hover,h1 a:active{color:#eee;text-decoration:none;background:none}
.description{font-size:12px;color:#eee;padding:0 0 5px 50px}
.PageList {text-align:right; margin-top:3px; padding-right:30px;}
.PageList li{display:inline}
.PageList li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.PageList li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.status-msg-boxr{margin-top:10px;padding:5px}
.date-outer{margin:20px 0}
.date-header{font-size:12px; color:#bbb; text-shadow:0 1px 0 #fff; padding:3px 7px;-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0; background-color: rgba(200, 200, 200, 0.3); position:relative; left:-30px; display:inline}
.post-body{font-size:14px; padding:0 2em}
.date-posts{padding-top:10px}
.date-posts p{margin:10px 0}
.post-body li{list-style:circle outside}
.post-body p{text-indent: 2em;}
.post-body a:link{color:#318D1D;text-decoration:none}
.post-body a:visited{color:#666;text-decoration:none}
.post-body a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body ul,.post-body ol{margin-left:20px}
.post-body h3,.post-body h4,.post-body h5,.post-body h6{}
.post-title{font-size:20px;text-shadow:3px 3px 3px #ddd;margin-bottom:5px}
.comment-body{padding-left:20px}
.post-footer{margin:10px 0;color:#999}
.post-footer a:link, .post-footer a:visited{color:#666}
.post-footer a:hover{color:#fff;text-decoration:none;background-color:#66bbdd}
.post-footer a:active{color:#fff; text-decoration:none;background-color:#ffcc33}
.post-footer span{margin-right:5px}
.post-outer img{padding:2px; border:1px solid #fff}
.reactions-iframe{height:20px;vertical-align:text-bottom;border:none;width:auto}
.jump-link {font-size:14px}
/*.post-labels a{background:url(http://www.google.com/reader/ui/1019828636-annotation-tip-arrow-left.gif) no-repeat; padding-left:5px}*/
.feed-links{text-align:right; font-size:12px; font-weight:bold; padding:10px 0 10px 0}
.feed-links a{background:url("http://yfcielsl.googlecode.com/svn/trunk/blogger/rss32.png") no-repeat scroll right center transparent; padding-right:20px}
.blog-pager{padding-bottom:5px; overflow:hidden; text-align:center; font-size:14px;zoom:1}
#blog-pager-older-link{float:right}
#blog-pager-newer-link{float:left}
.left-wrap, .right-wrap{width:350px}
.left-wrap h2, .right-wrap h2{padding:3px 8px;background-color: rgba(200, 200, 200, 0.3);
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#bbb;text-shadow:0 1px 0 #fff}
.left-wrap .widget-content, .right-wrap .widget-content{padding:5px}
.left-wrap .widget, .right-wrap .widget, {margin-bottom:5px}
.left-wrap{float:left; margin-left:10px}
.right-wrap{float:right; margin-right:10px}
.bottom-wrap{clear:both; padding:20px 0}
.bottom-wrap .widget-content{border-top:1px solid #eee; padding-top:5px;text-align:center}
.BlogArchive #ArchiveList ul li.archivedate {display:inline;margin:0 10px 0 0;padding:0}
.cloud-label-widget-content span {margin-right:5px}
.comments {}
.comments h4{padding:10px 0; color:#000}
#comments-block.avatar-comment-indent{margin-top:10px}
.comments dd.comment-footer { padding-bottom:5px}
.comment-form{font-size:12px}
.comment-footer a.addNewComments{padding:3px 5px;font-size:14px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;
background-image:-moz-linear-gradient(center top , #fff, #ccc);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #ccc));filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";zoom:1}
.comment-footer a.addNewComments:link, .comment-footer a.addNewComments:visited{background-color:#eee}
.comment-footer a.addNewComments:hover {-moz-box-shadow:0px 0px 6px #999;-webkit-box-shadow:0 0 6px #999;border-color:#999;text-description:none; text-decoration:none}
.comment-footer a.addNewComments:active{color:#666;background-image:-moz-linear-gradient(center top , #ddd, #fff)}
.onebit_mp3{padding:0 2px 0 22px; background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/icon_music.png) no-repeat 3px 0}
.onebit_mp3 a:link, .onebit_mp3 a:visited{color:#000;text-decoration:none}
.onebit_mp3 a:hover{color:#fff; text-decoration:underline}
.onebit_mp3 a:active{color:#000; background-color:#fff;text-decoration:none}
#LinkList1 li{display:inline-block;margin-right:10px}}
.zxx_v_menu{width:98.5%; position:relative;}
.v_menu_list{width:98.5%; border:0px solid #dddddd; background:white; left:0px; top:21px; font-size:12px; display:none;}
.ryanshome {position:relative;left:0px;top:-30px;}
.ryans {text-align:right; margin-top:3px; padding-right:30px;}
.ryans li{display:inline}
.ryans li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.ryans li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryangooglehome {position:absolute;left:558px;top:-55px;}
.ryan_google {
text-align:right;
margin-top:3px;
padding-right:30px;
}
.searchform input {
color:#ccc;
border:none;
}
.searchform .s {
background:none;
border:none;
}
.searchform .submit {color:#666666;
background:#ffffff;
border:none;
display:inline;
}
.ryanFeatureList {
width: 745px;
margin: 0px auto;
padding: 0px;
background: none;
border: 1px solid #fff;
}
.ryanFeatureList li h3 {
margin: 0;
padding: 7px 0 0 0;
font-size: 16px;
text-transform: uppercase;
}
.ryanFeatureList div#feature_list {
width: 745px;
height: 240px;
overflow: hidden;
position: relative;
}
.ryanFeatureList div#feature_list ul {
position: absolute;
top: 0;
list-style: none;
padding: 0;
margin: 0;
}
.ryanFeatureList ul#tabs {
left: 0;
z-index: 2;
width: 280px;
}
.ryanFeatureList ul#tabs li {
font-size: 12px;
font-family: Arial;
}
.ryanFeatureList ul#tabs li div {
padding: 5px;
border: none;
float: left;
margin: 10px 10px 0 0;
width: 32px;
height: 32px;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw1 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw2 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/about.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw3 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li a {
color: #666;
text-decoration: none;
display: block;
padding: 10px;
height: 60px;
outline: none;
}
.ryanFeatureList ul#tabs li a:hover {
text-decoration: underline;
}
.ryanFeatureList ul#tabs li a.current {
background: #ccc;
color: #FFF;
}
.ryanFeatureList ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
}
.ryanFeatureList ul#output {
right: 0;
width: 463px;
height: 240px;
position: relative;
}
.ryanFeatureList ul#output li {
position: absolute;
width: 463px;
height: 240px;
}
.ryanFeatureList ul#output li div#ryansArchivesw4{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw5{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/blog.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw6{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li a {
position: absolute;
bottom: 10px;
right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 11px;
color: #FFF;
background: #ccc;
-moz-border-radius: 5px;
}
.ryanFeatureList ul#output li a:hover {
background: #66bbdd;
}
.ryanFeatureList ul#output li a:active {
background: #ffcc33;
}
#content.home{margin:10px 0 0px;}
#content.home aside{float:left;padding:0 0 0 20px;width:45.8%;text-align:left;}
#content.home aside.h{background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/homeside.png") no-repeat right;padding:0 20px 0 20px;}
#content.home aside.h img.alignright{float:right;margin:10px 0px 10px 10px;}
#content.home aside img.alignright{float:right;margin:10px 10px 10px 10px;}
#content.home aside h3{background:none;border:none;padding:0;color:#f93232;font-size:13pt;line-height:1em;font-family:'Levenim MT',sans-serif;font-weight:normal;}
#content.home aside p{margin:10px 10px 10px 10px;}
#content.home aside.h div.newblogmore{height: 70px;overflow: hidden;}
#content.home aside.h div.newblogmore ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#content.home aside.h div.newblogmore ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#content.home aside.h div.newblogmore ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#content.home aside p.more{margin:-5px 0px 0px 270px;}
#content.home aside.h p.more{margin:0px 0px 0px 270px;}
#content.home aside.h div.CopyrightStatementmore{position:relative;}
#content.home aside.h div.CopyrightStatementmorer img{position:absolute; left:5px; top:97px; width:16px; height:16px;}
#content.home aside.h div.CopyrightStatementmorer a{position:absolute; left:21px; top:97px;}
.related {
margin-left:10px;
margin-top:20px;
margin-bottom:20px;
height: 110px;
position: relative;
}
#related1 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related1 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related1 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related2 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related2 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related2 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related1{
top:0px;
left: 10px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
#related2{
top:0px;
left: 350px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
*{margin:0; padding:0}
li{list-style:none}img{border:none}
h1,h2,h3,h5,h6,h7{font-size:100%}
code{font-family:"Courier New", Courier, monospace}
blockquote{margin:10px 0 10px 10px; padding:10px 0 0 10px;border-left:3px solid #ddd;
background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/quote.gif) no-repeat 10px 0}
body{font:12px/1.5 Georgia, 'Microsoft YaHei'; color:#333}
a:link{color:#666;text-decoration:none}
a:visited{color:#666;text-decoration:none}
a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
#navbar, .widget-item-control{display:none}
#outer-wrapper{width:760px; margin:auto}
#header-inner{font-size:30px;color:#ddd;margin:0 30px 0; padding:10px 0 0}
.descriptionwrapper{border-bottom:4px solid #fff}
.main {margin:30px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
-moz-box-shadow:0 0 6px #ccc;-webkit-box-shadow:0 0 6px #ccc;box-shadow:0 0 10px #ccc;zoom:1;}
.blog-posts, .blog-pager, .blog-feeds,.post-feeds{padding:0 30px}
.titlewrapper{font-size:60px; height:60px; padding:20px 0; text-indent:-9999px; background:url("http://blogger56.googlecode.com/svn/trunk/blogger/blog.gif") no-repeat scroll 0 35px transparent}
.titlewrapper a:link,.titlewrapper a:visited{color:#DC2B33}
.titlewrapper a:hover,.titlewrapper a:active{color:#DC2B33;text-decoration:none;background:none}
.expend_archives{padding: 0 5px; margin-left:5px; font-size:10px; cursor:pointer}
<script src='http://ciel215.googlecode.com/svn/trunk/Music/swfobject.js' type='text/javascript'/>
<script src='http://ciel215.googlecode.com/svn/trunk/Music/1bit.js' type='text/javascript'/>
h1{padding:20px 0; text-indent:-9999px}
h1 a:link,h1 a:visited{color:#ddd}
h1 a:hover,h1 a:active{color:#eee;text-decoration:none;background:none}
.description{font-size:12px;color:#eee;padding:0 0 5px 50px}
.PageList {text-align:right; margin-top:3px; padding-right:30px;}
.PageList li{display:inline}
.PageList li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.PageList li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.status-msg-boxr{margin-top:10px;padding:5px}
.date-outer{margin:20px 0}
.date-header{font-size:12px; color:#bbb; text-shadow:0 1px 0 #fff; padding:3px 7px;-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0; background-color: rgba(200, 200, 200, 0.3); position:relative; left:-30px; display:inline}
.post-body{font-size:14px; padding:0 2em}
.date-posts{padding-top:10px}
.date-posts p{margin:10px 0}
.post-body li{list-style:circle outside}
.post-body p{text-indent: 2em;}
.post-body a:link{color:#318D1D;text-decoration:none}
.post-body a:visited{color:#666;text-decoration:none}
.post-body a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body ul,.post-body ol{margin-left:20px}
.post-body h3,.post-body h4,.post-body h5,.post-body h6{}
.post-title{font-size:20px;text-shadow:3px 3px 3px #ddd;margin-bottom:5px}
.comment-body{padding-left:20px}
.post-footer{margin:10px 0;color:#999}
.post-footer a:link, .post-footer a:visited{color:#666}
.post-footer a:hover{color:#fff;text-decoration:none;background-color:#66bbdd}
.post-footer a:active{color:#fff; text-decoration:none;background-color:#ffcc33}
.post-footer span{margin-right:5px}
.post-outer img{padding:2px; border:1px solid #fff}
.reactions-iframe{height:20px;vertical-align:text-bottom;border:none;width:auto}
.jump-link {font-size:14px}
/*.post-labels a{background:url(http://www.google.com/reader/ui/1019828636-annotation-tip-arrow-left.gif) no-repeat; padding-left:5px}*/
.feed-links{text-align:right; font-size:12px; font-weight:bold; padding:10px 0 10px 0}
.feed-links a{background:url("http://yfcielsl.googlecode.com/svn/trunk/blogger/rss32.png") no-repeat scroll right center transparent; padding-right:20px}
.blog-pager{padding-bottom:5px; overflow:hidden; text-align:center; font-size:14px;zoom:1}
#blog-pager-older-link{float:right}
#blog-pager-newer-link{float:left}
.left-wrap, .right-wrap{width:350px}
.left-wrap h2, .right-wrap h2{padding:3px 8px;background-color: rgba(200, 200, 200, 0.3);
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#bbb;text-shadow:0 1px 0 #fff}
.left-wrap .widget-content, .right-wrap .widget-content{padding:5px}
.left-wrap .widget, .right-wrap .widget, {margin-bottom:5px}
.left-wrap{float:left; margin-left:10px}
.right-wrap{float:right; margin-right:10px}
.bottom-wrap{clear:both; padding:20px 0}
.bottom-wrap .widget-content{border-top:1px solid #eee; padding-top:5px;text-align:center}
.BlogArchive #ArchiveList ul li.archivedate {display:inline;margin:0 10px 0 0;padding:0}
.cloud-label-widget-content span {margin-right:5px}
.comments {}
.comments h4{padding:10px 0; color:#000}
#comments-block.avatar-comment-indent{margin-top:10px}
.comments dd.comment-footer { padding-bottom:5px}
.comment-form{font-size:12px}
.comment-footer a.addNewComments{padding:3px 5px;font-size:14px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;
background-image:-moz-linear-gradient(center top , #fff, #ccc);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #ccc));filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";zoom:1}
.comment-footer a.addNewComments:link, .comment-footer a.addNewComments:visited{background-color:#eee}
.comment-footer a.addNewComments:hover {-moz-box-shadow:0px 0px 6px #999;-webkit-box-shadow:0 0 6px #999;border-color:#999;text-description:none; text-decoration:none}
.comment-footer a.addNewComments:active{color:#666;background-image:-moz-linear-gradient(center top , #ddd, #fff)}
.onebit_mp3{padding:0 2px 0 22px; background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/icon_music.png) no-repeat 3px 0}
.onebit_mp3 a:link, .onebit_mp3 a:visited{color:#000;text-decoration:none}
.onebit_mp3 a:hover{color:#fff; text-decoration:underline}
.onebit_mp3 a:active{color:#000; background-color:#fff;text-decoration:none}
#LinkList1 li{display:inline-block;margin-right:10px}}
.zxx_v_menu{width:98.5%; position:relative;}
.v_menu_list{width:98.5%; border:0px solid #dddddd; background:white; left:0px; top:21px; font-size:12px; display:none;}
.ryanshome {position:relative;left:0px;top:-30px;}
.ryans {text-align:right; margin-top:3px; padding-right:30px;}
.ryans li{display:inline}
.ryans li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.ryans li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryangooglehome {position:absolute;left:558px;top:-55px;}
.ryan_google {
text-align:right;
margin-top:3px;
padding-right:30px;
}
.searchform input {
color:#ccc;
border:none;
}
.searchform .s {
background:none;
border:none;
}
.searchform .submit {color:#666666;
background:#ffffff;
border:none;
display:inline;
}
.ryanFeatureList {
width: 745px;
margin: 0px auto;
padding: 0px;
background: none;
border: 1px solid #fff;
}
.ryanFeatureList li h3 {
margin: 0;
padding: 7px 0 0 0;
font-size: 16px;
text-transform: uppercase;
}
.ryanFeatureList div#feature_list {
width: 745px;
height: 240px;
overflow: hidden;
position: relative;
}
.ryanFeatureList div#feature_list ul {
position: absolute;
top: 0;
list-style: none;
padding: 0;
margin: 0;
}
.ryanFeatureList ul#tabs {
left: 0;
z-index: 2;
width: 280px;
}
.ryanFeatureList ul#tabs li {
font-size: 12px;
font-family: Arial;
}
.ryanFeatureList ul#tabs li div {
padding: 5px;
border: none;
float: left;
margin: 10px 10px 0 0;
width: 32px;
height: 32px;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw1 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw2 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/about.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw3 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li a {
color: #666;
text-decoration: none;
display: block;
padding: 10px;
height: 60px;
outline: none;
}
.ryanFeatureList ul#tabs li a:hover {
text-decoration: underline;
}
.ryanFeatureList ul#tabs li a.current {
background: #ccc;
color: #FFF;
}
.ryanFeatureList ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
}
.ryanFeatureList ul#output {
right: 0;
width: 463px;
height: 240px;
position: relative;
}
.ryanFeatureList ul#output li {
position: absolute;
width: 463px;
height: 240px;
}
.ryanFeatureList ul#output li div#ryansArchivesw4{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw5{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/blog.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw6{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li a {
position: absolute;
bottom: 10px;
right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 11px;
color: #FFF;
background: #ccc;
-moz-border-radius: 5px;
}
.ryanFeatureList ul#output li a:hover {
background: #66bbdd;
}
.ryanFeatureList ul#output li a:active {
background: #ffcc33;
}
#content.home{margin:10px 0 0px;}
#content.home aside{float:left;padding:0 0 0 20px;width:45.8%;text-align:left;}
#content.home aside.h{background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/homeside.png") no-repeat right;padding:0 20px 0 20px;}
#content.home aside.h img.alignright{float:right;margin:10px 0px 10px 10px;}
#content.home aside img.alignright{float:right;margin:10px 10px 10px 10px;}
#content.home aside h3{background:none;border:none;padding:0;color:#f93232;font-size:13pt;line-height:1em;font-family:'Levenim MT',sans-serif;font-weight:normal;}
#content.home aside p{margin:10px 10px 10px 10px;}
#content.home aside.h div.newblogmore{height: 70px;overflow: hidden;}
#content.home aside.h div.newblogmore ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#content.home aside.h div.newblogmore ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#content.home aside.h div.newblogmore ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#content.home aside p.more{margin:-5px 0px 0px 270px;}
#content.home aside.h p.more{margin:0px 0px 0px 270px;}
#content.home aside.h div.CopyrightStatementmore{position:relative;}
#content.home aside.h div.CopyrightStatementmorer img{position:absolute; left:5px; top:97px; width:16px; height:16px;}
#content.home aside.h div.CopyrightStatementmorer a{position:absolute; left:21px; top:97px;}
.related {
margin-left:10px;
margin-top:20px;
margin-bottom:20px;
height: 110px;
position: relative;
}
#related1 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related1 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related1 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related2 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related2 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related2 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related1{
top:0px;
left: 10px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
#related2{
top:0px;
left: 350px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
*{margin:0; padding:0}
li{list-style:none}img{border:none}
h1,h2,h3,h5,h6,h7{font-size:100%}
code{font-family:"Courier New", Courier, monospace}
blockquote{margin:10px 0 10px 10px; padding:10px 0 0 10px;border-left:3px solid #ddd;
background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/quote.gif) no-repeat 10px 0}
body{font:12px/1.5 Georgia, 'Microsoft YaHei'; color:#333}
a:link{color:#666;text-decoration:none}
a:visited{color:#666;text-decoration:none}
a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
#navbar, .widget-item-control{display:none}
#outer-wrapper{width:760px; margin:auto}
#header-inner{font-size:30px;color:#ddd;margin:0 30px 0; padding:10px 0 0}
.descriptionwrapper{border-bottom:4px solid #fff}
.main {margin:30px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
-moz-box-shadow:0 0 6px #ccc;-webkit-box-shadow:0 0 6px #ccc;box-shadow:0 0 10px #ccc;zoom:1;}
.blog-posts, .blog-pager, .blog-feeds,.post-feeds{padding:0 30px}
.titlewrapper{font-size:60px; height:60px; padding:20px 0; text-indent:-9999px; background:url("http://blogger56.googlecode.com/svn/trunk/blogger/blog.gif") no-repeat scroll 0 35px transparent}
.titlewrapper a:link,.titlewrapper a:visited{color:#DC2B33}
.titlewrapper a:hover,.titlewrapper a:active{color:#DC2B33;text-decoration:none;background:none}
.expend_archives{padding: 0 5px; margin-left:5px; font-size:10px; cursor:pointer}
<script src='http://ciel215.googlecode.com/svn/trunk/Music/swfobject.js' type='text/javascript'/>
<script src='http://ciel215.googlecode.com/svn/trunk/Music/1bit.js' type='text/javascript'/>
h1{padding:20px 0; text-indent:-9999px}
h1 a:link,h1 a:visited{color:#ddd}
h1 a:hover,h1 a:active{color:#eee;text-decoration:none;background:none}
.description{font-size:12px;color:#eee;padding:0 0 5px 50px}
.PageList {text-align:right; margin-top:3px; padding-right:30px;}
.PageList li{display:inline}
.PageList li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.PageList li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.status-msg-boxr{margin-top:10px;padding:5px}
.date-outer{margin:20px 0}
.date-header{font-size:12px; color:#bbb; text-shadow:0 1px 0 #fff; padding:3px 7px;-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0; background-color: rgba(200, 200, 200, 0.3); position:relative; left:-30px; display:inline}
.post-body{font-size:14px; padding:0 2em}
.date-posts{padding-top:10px}
.date-posts p{margin:10px 0}
.post-body li{list-style:circle outside}
.post-body p{text-indent: 2em;}
.post-body a:link{color:#318D1D;text-decoration:none}
.post-body a:visited{color:#666;text-decoration:none}
.post-body a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body ul,.post-body ol{margin-left:20px}
.post-body h3,.post-body h4,.post-body h5,.post-body h6{}
.post-title{font-size:20px;text-shadow:3px 3px 3px #ddd;margin-bottom:5px}
.comment-body{padding-left:20px}
.post-footer{margin:10px 0;color:#999}
.post-footer a:link, .post-footer a:visited{color:#666}
.post-footer a:hover{color:#fff;text-decoration:none;background-color:#66bbdd}
.post-footer a:active{color:#fff; text-decoration:none;background-color:#ffcc33}
.post-footer span{margin-right:5px}
.post-outer img{padding:2px; border:1px solid #fff}
.reactions-iframe{height:20px;vertical-align:text-bottom;border:none;width:auto}
.jump-link {font-size:14px}
/*.post-labels a{background:url(http://www.google.com/reader/ui/1019828636-annotation-tip-arrow-left.gif) no-repeat; padding-left:5px}*/
.feed-links{text-align:right; font-size:12px; font-weight:bold; padding:10px 0 10px 0}
.feed-links a{background:url("http://yfcielsl.googlecode.com/svn/trunk/blogger/rss32.png") no-repeat scroll right center transparent; padding-right:20px}
.blog-pager{padding-bottom:5px; overflow:hidden; text-align:center; font-size:14px;zoom:1}
#blog-pager-older-link{float:right}
#blog-pager-newer-link{float:left}
.left-wrap, .right-wrap{width:350px}
.left-wrap h2, .right-wrap h2{padding:3px 8px;background-color: rgba(200, 200, 200, 0.3);
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#bbb;text-shadow:0 1px 0 #fff}
.left-wrap .widget-content, .right-wrap .widget-content{padding:5px}
.left-wrap .widget, .right-wrap .widget, {margin-bottom:5px}
.left-wrap{float:left; margin-left:10px}
.right-wrap{float:right; margin-right:10px}
.bottom-wrap{clear:both; padding:20px 0}
.bottom-wrap .widget-content{border-top:1px solid #eee; padding-top:5px;text-align:center}
.BlogArchive #ArchiveList ul li.archivedate {display:inline;margin:0 10px 0 0;padding:0}
.cloud-label-widget-content span {margin-right:5px}
.comments {}
.comments h4{padding:10px 0; color:#000}
#comments-block.avatar-comment-indent{margin-top:10px}
.comments dd.comment-footer { padding-bottom:5px}
.comment-form{font-size:12px}
.comment-footer a.addNewComments{padding:3px 5px;font-size:14px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;
background-image:-moz-linear-gradient(center top , #fff, #ccc);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #ccc));filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";zoom:1}
.comment-footer a.addNewComments:link, .comment-footer a.addNewComments:visited{background-color:#eee}
.comment-footer a.addNewComments:hover {-moz-box-shadow:0px 0px 6px #999;-webkit-box-shadow:0 0 6px #999;border-color:#999;text-description:none; text-decoration:none}
.comment-footer a.addNewComments:active{color:#666;background-image:-moz-linear-gradient(center top , #ddd, #fff)}
.onebit_mp3{padding:0 2px 0 22px; background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/icon_music.png) no-repeat 3px 0}
.onebit_mp3 a:link, .onebit_mp3 a:visited{color:#000;text-decoration:none}
.onebit_mp3 a:hover{color:#fff; text-decoration:underline}
.onebit_mp3 a:active{color:#000; background-color:#fff;text-decoration:none}
#LinkList1 li{display:inline-block;margin-right:10px}}
.zxx_v_menu{width:98.5%; position:relative;}
.v_menu_list{width:98.5%; border:0px solid #dddddd; background:white; left:0px; top:21px; font-size:12px; display:none;}
.ryanshome {position:relative;left:0px;top:-30px;}
.ryans {text-align:right; margin-top:3px; padding-right:30px;}
.ryans li{display:inline}
.ryans li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.ryans li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryangooglehome {position:absolute;left:558px;top:-55px;}
.ryan_google {
text-align:right;
margin-top:3px;
padding-right:30px;
}
.searchform input {
color:#ccc;
border:none;
}
.searchform .s {
background:none;
border:none;
}
.searchform .submit {color:#666666;
background:#ffffff;
border:none;
display:inline;
}
.ryanFeatureList {
width: 745px;
margin: 0px auto;
padding: 0px;
background: none;
border: 1px solid #fff;
}
.ryanFeatureList li h3 {
margin: 0;
padding: 7px 0 0 0;
font-size: 16px;
text-transform: uppercase;
}
.ryanFeatureList div#feature_list {
width: 745px;
height: 240px;
overflow: hidden;
position: relative;
}
.ryanFeatureList div#feature_list ul {
position: absolute;
top: 0;
list-style: none;
padding: 0;
margin: 0;
}
.ryanFeatureList ul#tabs {
left: 0;
z-index: 2;
width: 280px;
}
.ryanFeatureList ul#tabs li {
font-size: 12px;
font-family: Arial;
}
.ryanFeatureList ul#tabs li div {
padding: 5px;
border: none;
float: left;
margin: 10px 10px 0 0;
width: 32px;
height: 32px;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw1 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw2 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/about.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw3 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li a {
color: #666;
text-decoration: none;
display: block;
padding: 10px;
height: 60px;
outline: none;
}
.ryanFeatureList ul#tabs li a:hover {
text-decoration: underline;
}
.ryanFeatureList ul#tabs li a.current {
background: #ccc;
color: #FFF;
}
.ryanFeatureList ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
}
.ryanFeatureList ul#output {
right: 0;
width: 463px;
height: 240px;
position: relative;
}
.ryanFeatureList ul#output li {
position: absolute;
width: 463px;
height: 240px;
}
.ryanFeatureList ul#output li div#ryansArchivesw4{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw5{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/blog.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw6{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li a {
position: absolute;
bottom: 10px;
right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 11px;
color: #FFF;
background: #ccc;
-moz-border-radius: 5px;
}
.ryanFeatureList ul#output li a:hover {
background: #66bbdd;
}
.ryanFeatureList ul#output li a:active {
background: #ffcc33;
}
#content.home{margin:10px 0 0px;}
#content.home aside{float:left;padding:0 0 0 20px;width:45.8%;text-align:left;}
#content.home aside.h{background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/homeside.png") no-repeat right;padding:0 20px 0 20px;}
#content.home aside.h img.alignright{float:right;margin:10px 0px 10px 10px;}
#content.home aside img.alignright{float:right;margin:10px 10px 10px 10px;}
#content.home aside h3{background:none;border:none;padding:0;color:#f93232;font-size:13pt;line-height:1em;font-family:'Levenim MT',sans-serif;font-weight:normal;}
#content.home aside p{margin:10px 10px 10px 10px;}
#content.home aside.h div.newblogmore{height: 70px;overflow: hidden;}
#content.home aside.h div.newblogmore ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#content.home aside.h div.newblogmore ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#content.home aside.h div.newblogmore ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#content.home aside p.more{margin:-5px 0px 0px 270px;}
#content.home aside.h p.more{margin:0px 0px 0px 270px;}
#content.home aside.h div.CopyrightStatementmore{position:relative;}
#content.home aside.h div.CopyrightStatementmorer img{position:absolute; left:5px; top:97px; width:16px; height:16px;}
#content.home aside.h div.CopyrightStatementmorer a{position:absolute; left:21px; top:97px;}
.related {
margin-left:10px;
margin-top:20px;
margin-bottom:20px;
height: 110px;
position: relative;
}
#related1 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related1 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related1 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related2 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related2 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related2 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related1{
top:0px;
left: 10px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
#related2{
top:0px;
left: 350px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
*{margin:0; padding:0}
li{list-style:none}img{border:none}
h1,h2,h3,h5,h6,h7{font-size:100%}
code{font-family:"Courier New", Courier, monospace}
blockquote{margin:10px 0 10px 10px; padding:10px 0 0 10px;border-left:3px solid #ddd;
background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/quote.gif) no-repeat 10px 0}
body{font:12px/1.5 Georgia, 'Microsoft YaHei'; color:#333}
a:link{color:#666;text-decoration:none}
a:visited{color:#666;text-decoration:none}
a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
#navbar, .widget-item-control{display:none}
#outer-wrapper{width:760px; margin:auto}
#header-inner{font-size:30px;color:#ddd;margin:0 30px 0; padding:10px 0 0}
.descriptionwrapper{border-bottom:4px solid #fff}
.main {margin:30px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
-moz-box-shadow:0 0 6px #ccc;-webkit-box-shadow:0 0 6px #ccc;box-shadow:0 0 10px #ccc;zoom:1;}
.blog-posts, .blog-pager, .blog-feeds,.post-feeds{padding:0 30px}
.titlewrapper{font-size:60px; height:60px; padding:20px 0; text-indent:-9999px; background:url("http://blogger56.googlecode.com/svn/trunk/blogger/blog.gif") no-repeat scroll 0 35px transparent}
.titlewrapper a:link,.titlewrapper a:visited{color:#DC2B33}
.titlewrapper a:hover,.titlewrapper a:active{color:#DC2B33;text-decoration:none;background:none}
.expend_archives{padding: 0 5px; margin-left:5px; font-size:10px; cursor:pointer}
<script src='http://ciel215.googlecode.com/svn/trunk/Music/swfobject.js' type='text/javascript'/>
<script src='http://ciel215.googlecode.com/svn/trunk/Music/1bit.js' type='text/javascript'/>
h1{padding:20px 0; text-indent:-9999px}
h1 a:link,h1 a:visited{color:#ddd}
h1 a:hover,h1 a:active{color:#eee;text-decoration:none;background:none}
.description{font-size:12px;color:#eee;padding:0 0 5px 50px}
.PageList {text-align:right; margin-top:3px; padding-right:30px;}
.PageList li{display:inline}
.PageList li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.PageList li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.status-msg-boxr{margin-top:10px;padding:5px}
.date-outer{margin:20px 0}
.date-header{font-size:12px; color:#bbb; text-shadow:0 1px 0 #fff; padding:3px 7px;-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0; background-color: rgba(200, 200, 200, 0.3); position:relative; left:-30px; display:inline}
.post-body{font-size:14px; padding:0 2em}
.date-posts{padding-top:10px}
.date-posts p{margin:10px 0}
.post-body li{list-style:circle outside}
.post-body p{text-indent: 2em;}
.post-body a:link{color:#318D1D;text-decoration:none}
.post-body a:visited{color:#666;text-decoration:none}
.post-body a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body ul,.post-body ol{margin-left:20px}
.post-body h3,.post-body h4,.post-body h5,.post-body h6{}
.post-title{font-size:20px;text-shadow:3px 3px 3px #ddd;margin-bottom:5px}
.comment-body{padding-left:20px}
.post-footer{margin:10px 0;color:#999}
.post-footer a:link, .post-footer a:visited{color:#666}
.post-footer a:hover{color:#fff;text-decoration:none;background-color:#66bbdd}
.post-footer a:active{color:#fff; text-decoration:none;background-color:#ffcc33}
.post-footer span{margin-right:5px}
.post-outer img{padding:2px; border:1px solid #fff}
.reactions-iframe{height:20px;vertical-align:text-bottom;border:none;width:auto}
.jump-link {font-size:14px}
/*.post-labels a{background:url(http://www.google.com/reader/ui/1019828636-annotation-tip-arrow-left.gif) no-repeat; padding-left:5px}*/
.feed-links{text-align:right; font-size:12px; font-weight:bold; padding:10px 0 10px 0}
.feed-links a{background:url("http://yfcielsl.googlecode.com/svn/trunk/blogger/rss32.png") no-repeat scroll right center transparent; padding-right:20px}
.blog-pager{padding-bottom:5px; overflow:hidden; text-align:center; font-size:14px;zoom:1}
#blog-pager-older-link{float:right}
#blog-pager-newer-link{float:left}
.left-wrap, .right-wrap{width:350px}
.left-wrap h2, .right-wrap h2{padding:3px 8px;background-color: rgba(200, 200, 200, 0.3);
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#bbb;text-shadow:0 1px 0 #fff}
.left-wrap .widget-content, .right-wrap .widget-content{padding:5px}
.left-wrap .widget, .right-wrap .widget, {margin-bottom:5px}
.left-wrap{float:left; margin-left:10px}
.right-wrap{float:right; margin-right:10px}
.bottom-wrap{clear:both; padding:20px 0}
.bottom-wrap .widget-content{border-top:1px solid #eee; padding-top:5px;text-align:center}
.BlogArchive #ArchiveList ul li.archivedate {display:inline;margin:0 10px 0 0;padding:0}
.cloud-label-widget-content span {margin-right:5px}
.comments {}
.comments h4{padding:10px 0; color:#000}
#comments-block.avatar-comment-indent{margin-top:10px}
.comments dd.comment-footer { padding-bottom:5px}
.comment-form{font-size:12px}
.comment-footer a.addNewComments{padding:3px 5px;font-size:14px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;
background-image:-moz-linear-gradient(center top , #fff, #ccc);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #ccc));filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";zoom:1}
.comment-footer a.addNewComments:link, .comment-footer a.addNewComments:visited{background-color:#eee}
.comment-footer a.addNewComments:hover {-moz-box-shadow:0px 0px 6px #999;-webkit-box-shadow:0 0 6px #999;border-color:#999;text-description:none; text-decoration:none}
.comment-footer a.addNewComments:active{color:#666;background-image:-moz-linear-gradient(center top , #ddd, #fff)}
.onebit_mp3{padding:0 2px 0 22px; background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/icon_music.png) no-repeat 3px 0}
.onebit_mp3 a:link, .onebit_mp3 a:visited{color:#000;text-decoration:none}
.onebit_mp3 a:hover{color:#fff; text-decoration:underline}
.onebit_mp3 a:active{color:#000; background-color:#fff;text-decoration:none}
#LinkList1 li{display:inline-block;margin-right:10px}}
.zxx_v_menu{width:98.5%; position:relative;}
.v_menu_list{width:98.5%; border:0px solid #dddddd; background:white; left:0px; top:21px; font-size:12px; display:none;}
.ryanshome {position:relative;left:0px;top:-30px;}
.ryans {text-align:right; margin-top:3px; padding-right:30px;}
.ryans li{display:inline}
.ryans li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.ryans li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryangooglehome {position:absolute;left:558px;top:-55px;}
.ryan_google {
text-align:right;
margin-top:3px;
padding-right:30px;
}
.searchform input {
color:#ccc;
border:none;
}
.searchform .s {
background:none;
border:none;
}
.searchform .submit {color:#666666;
background:#ffffff;
border:none;
display:inline;
}
.ryanFeatureList {
width: 745px;
margin: 0px auto;
padding: 0px;
background: none;
border: 1px solid #fff;
}
.ryanFeatureList li h3 {
margin: 0;
padding: 7px 0 0 0;
font-size: 16px;
text-transform: uppercase;
}
.ryanFeatureList div#feature_list {
width: 745px;
height: 240px;
overflow: hidden;
position: relative;
}
.ryanFeatureList div#feature_list ul {
position: absolute;
top: 0;
list-style: none;
padding: 0;
margin: 0;
}
.ryanFeatureList ul#tabs {
left: 0;
z-index: 2;
width: 280px;
}
.ryanFeatureList ul#tabs li {
font-size: 12px;
font-family: Arial;
}
.ryanFeatureList ul#tabs li div {
padding: 5px;
border: none;
float: left;
margin: 10px 10px 0 0;
width: 32px;
height: 32px;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw1 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw2 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/about.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw3 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li a {
color: #666;
text-decoration: none;
display: block;
padding: 10px;
height: 60px;
outline: none;
}
.ryanFeatureList ul#tabs li a:hover {
text-decoration: underline;
}
.ryanFeatureList ul#tabs li a.current {
background: #ccc;
color: #FFF;
}
.ryanFeatureList ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
}
.ryanFeatureList ul#output {
right: 0;
width: 463px;
height: 240px;
position: relative;
}
.ryanFeatureList ul#output li {
position: absolute;
width: 463px;
height: 240px;
}
.ryanFeatureList ul#output li div#ryansArchivesw4{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw5{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/blog.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw6{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li a {
position: absolute;
bottom: 10px;
right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 11px;
color: #FFF;
background: #ccc;
-moz-border-radius: 5px;
}
.ryanFeatureList ul#output li a:hover {
background: #66bbdd;
}
.ryanFeatureList ul#output li a:active {
background: #ffcc33;
}
#content.home{margin:10px 0 0px;}
#content.home aside{float:left;padding:0 0 0 20px;width:45.8%;text-align:left;}
#content.home aside.h{background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/homeside.png") no-repeat right;padding:0 20px 0 20px;}
#content.home aside.h img.alignright{float:right;margin:10px 0px 10px 10px;}
#content.home aside img.alignright{float:right;margin:10px 10px 10px 10px;}
#content.home aside h3{background:none;border:none;padding:0;color:#f93232;font-size:13pt;line-height:1em;font-family:'Levenim MT',sans-serif;font-weight:normal;}
#content.home aside p{margin:10px 10px 10px 10px;}
#content.home aside.h div.newblogmore{height: 70px;overflow: hidden;}
#content.home aside.h div.newblogmore ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#content.home aside.h div.newblogmore ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#content.home aside.h div.newblogmore ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#content.home aside p.more{margin:-5px 0px 0px 270px;}
#content.home aside.h p.more{margin:0px 0px 0px 270px;}
#content.home aside.h div.CopyrightStatementmore{position:relative;}
#content.home aside.h div.CopyrightStatementmorer img{position:absolute; left:5px; top:97px; width:16px; height:16px;}
#content.home aside.h div.CopyrightStatementmorer a{position:absolute; left:21px; top:97px;}
.related {
margin-left:10px;
margin-top:20px;
margin-bottom:20px;
height: 110px;
position: relative;
}
#related1 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related1 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related1 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related2 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related2 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related2 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related1{
top:0px;
left: 10px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
#related2{
top:0px;
left: 350px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
*{margin:0; padding:0}
li{list-style:none}img{border:none}
h1,h2,h3,h5,h6,h7{font-size:100%}
code{font-family:"Courier New", Courier, monospace}
blockquote{margin:10px 0 10px 10px; padding:10px 0 0 10px;border-left:3px solid #ddd;
background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/quote.gif) no-repeat 10px 0}
body{font:12px/1.5 Georgia, 'Microsoft YaHei'; color:#333}
a:link{color:#666;text-decoration:none}
a:visited{color:#666;text-decoration:none}
a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
#navbar, .widget-item-control{display:none}
#outer-wrapper{width:760px; margin:auto}
#header-inner{font-size:30px;color:#ddd;margin:0 30px 0; padding:10px 0 0}
.descriptionwrapper{border-bottom:4px solid #fff}
.main {margin:30px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
-moz-box-shadow:0 0 6px #ccc;-webkit-box-shadow:0 0 6px #ccc;box-shadow:0 0 10px #ccc;zoom:1;}
.blog-posts, .blog-pager, .blog-feeds,.post-feeds{padding:0 30px}
.titlewrapper{font-size:60px; height:60px; padding:20px 0; text-indent:-9999px; background:url("http://blogger56.googlecode.com/svn/trunk/blogger/blog.gif") no-repeat scroll 0 35px transparent}
.titlewrapper a:link,.titlewrapper a:visited{color:#DC2B33}
.titlewrapper a:hover,.titlewrapper a:active{color:#DC2B33;text-decoration:none;background:none}
.expend_archives{padding: 0 5px; margin-left:5px; font-size:10px; cursor:pointer}
<script src='http://ciel215.googlecode.com/svn/trunk/Music/swfobject.js' type='text/javascript'/>
<script src='http://ciel215.googlecode.com/svn/trunk/Music/1bit.js' type='text/javascript'/>
h1{padding:20px 0; text-indent:-9999px}
h1 a:link,h1 a:visited{color:#ddd}
h1 a:hover,h1 a:active{color:#eee;text-decoration:none;background:none}
.description{font-size:12px;color:#eee;padding:0 0 5px 50px}
.PageList {text-align:right; margin-top:3px; padding-right:30px;}
.PageList li{display:inline}
.PageList li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.PageList li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.status-msg-boxr{margin-top:10px;padding:5px}
.date-outer{margin:20px 0}
.date-header{font-size:12px; color:#bbb; text-shadow:0 1px 0 #fff; padding:3px 7px;-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0; background-color: rgba(200, 200, 200, 0.3); position:relative; left:-30px; display:inline}
.post-body{font-size:14px; padding:0 2em}
.date-posts{padding-top:10px}
.date-posts p{margin:10px 0}
.post-body li{list-style:circle outside}
.post-body p{text-indent: 2em;}
.post-body a:link{color:#318D1D;text-decoration:none}
.post-body a:visited{color:#666;text-decoration:none}
.post-body a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body ul,.post-body ol{margin-left:20px}
.post-body h3,.post-body h4,.post-body h5,.post-body h6{}
.post-title{font-size:20px;text-shadow:3px 3px 3px #ddd;margin-bottom:5px}
.comment-body{padding-left:20px}
.post-footer{margin:10px 0;color:#999}
.post-footer a:link, .post-footer a:visited{color:#666}
.post-footer a:hover{color:#fff;text-decoration:none;background-color:#66bbdd}
.post-footer a:active{color:#fff; text-decoration:none;background-color:#ffcc33}
.post-footer span{margin-right:5px}
.post-outer img{padding:2px; border:1px solid #fff}
.reactions-iframe{height:20px;vertical-align:text-bottom;border:none;width:auto}
.jump-link {font-size:14px}
/*.post-labels a{background:url(http://www.google.com/reader/ui/1019828636-annotation-tip-arrow-left.gif) no-repeat; padding-left:5px}*/
.feed-links{text-align:right; font-size:12px; font-weight:bold; padding:10px 0 10px 0}
.feed-links a{background:url("http://yfcielsl.googlecode.com/svn/trunk/blogger/rss32.png") no-repeat scroll right center transparent; padding-right:20px}
.blog-pager{padding-bottom:5px; overflow:hidden; text-align:center; font-size:14px;zoom:1}
#blog-pager-older-link{float:right}
#blog-pager-newer-link{float:left}
.left-wrap, .right-wrap{width:350px}
.left-wrap h2, .right-wrap h2{padding:3px 8px;background-color: rgba(200, 200, 200, 0.3);
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#bbb;text-shadow:0 1px 0 #fff}
.left-wrap .widget-content, .right-wrap .widget-content{padding:5px}
.left-wrap .widget, .right-wrap .widget, {margin-bottom:5px}
.left-wrap{float:left; margin-left:10px}
.right-wrap{float:right; margin-right:10px}
.bottom-wrap{clear:both; padding:20px 0}
.bottom-wrap .widget-content{border-top:1px solid #eee; padding-top:5px;text-align:center}
.BlogArchive #ArchiveList ul li.archivedate {display:inline;margin:0 10px 0 0;padding:0}
.cloud-label-widget-content span {margin-right:5px}
.comments {}
.comments h4{padding:10px 0; color:#000}
#comments-block.avatar-comment-indent{margin-top:10px}
.comments dd.comment-footer { padding-bottom:5px}
.comment-form{font-size:12px}
.comment-footer a.addNewComments{padding:3px 5px;font-size:14px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;
background-image:-moz-linear-gradient(center top , #fff, #ccc);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #ccc));filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";zoom:1}
.comment-footer a.addNewComments:link, .comment-footer a.addNewComments:visited{background-color:#eee}
.comment-footer a.addNewComments:hover {-moz-box-shadow:0px 0px 6px #999;-webkit-box-shadow:0 0 6px #999;border-color:#999;text-description:none; text-decoration:none}
.comment-footer a.addNewComments:active{color:#666;background-image:-moz-linear-gradient(center top , #ddd, #fff)}
.onebit_mp3{padding:0 2px 0 22px; background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/icon_music.png) no-repeat 3px 0}
.onebit_mp3 a:link, .onebit_mp3 a:visited{color:#000;text-decoration:none}
.onebit_mp3 a:hover{color:#fff; text-decoration:underline}
.onebit_mp3 a:active{color:#000; background-color:#fff;text-decoration:none}
#LinkList1 li{display:inline-block;margin-right:10px}}
.zxx_v_menu{width:98.5%; position:relative;}
.v_menu_list{width:98.5%; border:0px solid #dddddd; background:white; left:0px; top:21px; font-size:12px; display:none;}
.ryanshome {position:relative;left:0px;top:-30px;}
.ryans {text-align:right; margin-top:3px; padding-right:30px;}
.ryans li{display:inline}
.ryans li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.ryans li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryangooglehome {position:absolute;left:558px;top:-55px;}
.ryan_google {
text-align:right;
margin-top:3px;
padding-right:30px;
}
.searchform input {
color:#ccc;
border:none;
}
.searchform .s {
background:none;
border:none;
}
.searchform .submit {color:#666666;
background:#ffffff;
border:none;
display:inline;
}
.ryanFeatureList {
width: 745px;
margin: 0px auto;
padding: 0px;
background: none;
border: 1px solid #fff;
}
.ryanFeatureList li h3 {
margin: 0;
padding: 7px 0 0 0;
font-size: 16px;
text-transform: uppercase;
}
.ryanFeatureList div#feature_list {
width: 745px;
height: 240px;
overflow: hidden;
position: relative;
}
.ryanFeatureList div#feature_list ul {
position: absolute;
top: 0;
list-style: none;
padding: 0;
margin: 0;
}
.ryanFeatureList ul#tabs {
left: 0;
z-index: 2;
width: 280px;
}
.ryanFeatureList ul#tabs li {
font-size: 12px;
font-family: Arial;
}
.ryanFeatureList ul#tabs li div {
padding: 5px;
border: none;
float: left;
margin: 10px 10px 0 0;
width: 32px;
height: 32px;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw1 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw2 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/about.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li div#ryansArchivesw3 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.png") no-repeat scroll transparent;
}
.ryanFeatureList ul#tabs li a {
color: #666;
text-decoration: none;
display: block;
padding: 10px;
height: 60px;
outline: none;
}
.ryanFeatureList ul#tabs li a:hover {
text-decoration: underline;
}
.ryanFeatureList ul#tabs li a.current {
background: #ccc;
color: #FFF;
}
.ryanFeatureList ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
}
.ryanFeatureList ul#output {
right: 0;
width: 463px;
height: 240px;
position: relative;
}
.ryanFeatureList ul#output li {
position: absolute;
width: 463px;
height: 240px;
}
.ryanFeatureList ul#output li div#ryansArchivesw4{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw5{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/blog.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li div#ryansArchivesw6{
width: 463px;
height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.jpg") no-repeat scroll transparent;
}
.ryanFeatureList ul#output li a {
position: absolute;
bottom: 10px;
right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 11px;
color: #FFF;
background: #ccc;
-moz-border-radius: 5px;
}
.ryanFeatureList ul#output li a:hover {
background: #66bbdd;
}
.ryanFeatureList ul#output li a:active {
background: #ffcc33;
}
#content.home{margin:10px 0 0px;}
#content.home aside{float:left;padding:0 0 0 20px;width:45.8%;text-align:left;}
#content.home aside.h{background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/homeside.png") no-repeat right;padding:0 20px 0 20px;}
#content.home aside.h img.alignright{float:right;margin:10px 0px 10px 10px;}
#content.home aside img.alignright{float:right;margin:10px 10px 10px 10px;}
#content.home aside h3{background:none;border:none;padding:0;color:#f93232;font-size:13pt;line-height:1em;font-family:'Levenim MT',sans-serif;font-weight:normal;}
#content.home aside p{margin:10px 10px 10px 10px;}
#content.home aside.h div.newblogmore{height: 70px;overflow: hidden;}
#content.home aside.h div.newblogmore ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#content.home aside.h div.newblogmore ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#content.home aside.h div.newblogmore ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#content.home aside p.more{margin:-5px 0px 0px 270px;}
#content.home aside.h p.more{margin:0px 0px 0px 270px;}
#content.home aside.h div.CopyrightStatementmore{position:relative;}
#content.home aside.h div.CopyrightStatementmorer img{position:absolute; left:5px; top:97px; width:16px; height:16px;}
#content.home aside.h div.CopyrightStatementmorer a{position:absolute; left:21px; top:97px;}
.related {
margin-left:10px;
margin-top:20px;
margin-bottom:20px;
height: 110px;
position: relative;
}
#related1 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related1 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related1 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related2 ul li{
background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
text-indent:1.5em;
list-style: none;
}
#related2 ul li a{
transition:margin .3s;
-o-transition:margin .3s;
-moz-transition:margin .3s;
-webkit-transition:margin .3s
}
#related2 ul li a:hover{
transition:margin 0.3s;
-o-transition:margin 0.3s;
-moz-transition:margin 0.3s;
-webkit-transition:margin 0.3s;
margin-left:8px;
}
#related1{
top:0px;
left: 10px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
#related2{
top:0px;
left: 350px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
*{margin:0; padding:0}
li{list-style:none}img{border:none}
h1,h2,h3,h5,h6,h7{font-size:100%}
code{font-family:"Courier New", Courier, monospace}
blockquote{margin:10px 0 10px 10px; padding:10px 0 0 10px;border-left:3px solid #ddd;
background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/quote.gif) no-repeat 10px 0}
body{font:12px/1.5 Georgia, 'Microsoft YaHei'; color:#333}
a:link{color:#666;text-decoration:none}
a:visited{color:#666;text-decoration:none}
a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}


#navbar, .widget-item-control{display:none}
#outer-wrapper{width:760px; margin:auto}

#header-inner{font-size:30px;color:#ddd;margin:0 30px 0; padding:10px 0 0}
.descriptionwrapper{border-bottom:4px solid #fff}
.main {margin:30px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
-moz-box-shadow:0 0 6px #ccc;-webkit-box-shadow:0 0 6px #ccc;box-shadow:0 0 10px #ccc;zoom:1;}
.blog-posts, .blog-pager, .blog-feeds,.post-feeds{padding:0 30px}

.titlewrapper{font-size:60px; height:60px; padding:20px 0; text-indent:-9999px; background:url("http://blogger56.googlecode.com/svn/trunk/blogger/blog.gif") no-repeat scroll 0 35px transparent}
.titlewrapper a:link,.titlewrapper a:visited{color:#DC2B33}
.titlewrapper a:hover,.titlewrapper a:active{color:#DC2B33;text-decoration:none;background:none}

.expend_archives{padding: 0 5px; margin-left:5px; font-size:10px; cursor:pointer}

<script src='http://ciel215.googlecode.com/svn/trunk/Music/swfobject.js' type='text/javascript'/>
<script src='http://ciel215.googlecode.com/svn/trunk/Music/1bit.js' type='text/javascript'/>

h1{padding:20px 0; text-indent:-9999px}
h1 a:link,h1 a:visited{color:#ddd}
h1 a:hover,h1 a:active{color:#eee;text-decoration:none;background:none}
.description{font-size:12px;color:#eee;padding:0 0 5px 50px}

.PageList {text-align:right; margin-top:3px; padding-right:30px;}
.PageList li{display:inline}
.PageList li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff} 
.PageList li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}

.status-msg-boxr{margin-top:10px;padding:5px}

.date-outer{margin:20px 0}
.date-header{font-size:12px; color:#bbb; text-shadow:0 1px 0 #fff; padding:3px 7px;-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0; background-color: rgba(200, 200, 200, 0.3); position:relative; left:-30px; display:inline}
.post-body{font-size:14px; padding:0 2em}
.date-posts{padding-top:10px}
.date-posts p{margin:10px 0}

.post-body li{list-style:circle outside}
.post-body p{text-indent: 2em;}
.post-body a:link{color:#318D1D;text-decoration:none}
.post-body a:visited{color:#666;text-decoration:none}
.post-body a:hover{color:#fff;text-decoration:none;background-color:#66bbdd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body a:active{color:#fff;text-decoration:none;background-color:#ffcc33; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
.post-body ul,.post-body ol{margin-left:20px}
.post-body h3,.post-body h4,.post-body h5,.post-body h6{}
.post-title{font-size:20px;text-shadow:3px 3px 3px #ddd;margin-bottom:5px}
.comment-body{padding-left:20px}
.post-footer{margin:10px 0;color:#999}
.post-footer a:link, .post-footer a:visited{color:#666}
.post-footer a:hover{color:#fff;text-decoration:none;background-color:#66bbdd}
.post-footer a:active{color:#fff; text-decoration:none;background-color:#ffcc33}
.post-footer span{margin-right:5px}
.post-outer img{padding:2px; border:1px solid #fff}
.reactions-iframe{height:20px;vertical-align:text-bottom;border:none;width:auto}
.jump-link {font-size:14px}
/*.post-labels a{background:url(http://www.google.com/reader/ui/1019828636-annotation-tip-arrow-left.gif) no-repeat; padding-left:5px}*/

.feed-links{text-align:right; font-size:12px; font-weight:bold; padding:10px 0 10px 0}
.feed-links a{background:url("http://yfcielsl.googlecode.com/svn/trunk/blogger/rss32.png") no-repeat scroll right center transparent; padding-right:20px}
.blog-pager{padding-bottom:5px; overflow:hidden; text-align:center; font-size:14px;zoom:1}
#blog-pager-older-link{float:right}
#blog-pager-newer-link{float:left}

.left-wrap, .right-wrap{width:350px}
.left-wrap h2, .right-wrap h2{padding:3px 8px;background-color: rgba(200, 200, 200, 0.3);
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#bbb;text-shadow:0 1px 0 #fff}
.left-wrap .widget-content, .right-wrap .widget-content{padding:5px}
.left-wrap .widget, .right-wrap .widget, {margin-bottom:5px}
.left-wrap{float:left; margin-left:10px}
.right-wrap{float:right; margin-right:10px}
.bottom-wrap{clear:both; padding:20px 0}
.bottom-wrap .widget-content{border-top:1px solid #eee; padding-top:5px;text-align:center}
.BlogArchive #ArchiveList ul li.archivedate {display:inline;margin:0 10px 0 0;padding:0}
.cloud-label-widget-content span {margin-right:5px}

.comments {}
.comments h4{padding:10px 0; color:#000}
#comments-block.avatar-comment-indent{margin-top:10px}
.comments dd.comment-footer { padding-bottom:5px}
.comment-form{font-size:12px}
.comment-footer a.addNewComments{padding:3px 5px;font-size:14px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;
background-image:-moz-linear-gradient(center top , #fff, #ccc);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #ccc));filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";zoom:1}
.comment-footer a.addNewComments:link, .comment-footer a.addNewComments:visited{background-color:#eee}
.comment-footer a.addNewComments:hover {-moz-box-shadow:0px 0px 6px #999;-webkit-box-shadow:0 0 6px #999;border-color:#999;text-description:none; text-decoration:none}
.comment-footer a.addNewComments:active{color:#666;background-image:-moz-linear-gradient(center top , #ddd, #fff)}

.onebit_mp3{padding:0 2px 0 22px; background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/icon_music.png) no-repeat 3px 0}
.onebit_mp3 a:link, .onebit_mp3 a:visited{color:#000;text-decoration:none}
.onebit_mp3 a:hover{color:#fff; text-decoration:underline}
.onebit_mp3 a:active{color:#000; background-color:#fff;text-decoration:none}
#LinkList1 li{display:inline-block;margin-right:10px}}
.zxx_v_menu{width:98.5%; position:relative;}
.v_menu_list{width:98.5%; border:0px solid #dddddd; background:white; left:0px; top:21px; font-size:12px; display:none;}
.ryanshome {position:relative;left:0px;top:-30px;}
.ryans {text-align:right; margin-top:3px; padding-right:30px;}
.ryans li{display:inline}
.ryans li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff}
.ryans li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryans li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.ryangooglehome {position:absolute;left:558px;top:-55px;}
.ryan_google {
text-align:right; 
margin-top:3px; 
padding-right:30px;
}
.searchform input {
color:#ccc;
border:none;
}
.searchform .s {
background:none;
border:none;
}
.searchform .submit {color:#666666;
background:#ffffff;
border:none;
display:inline;
}
.ryanFeatureList {
	width: 745px;
	margin: 0px auto;
	padding: 0px;
	background: none;	
	border: 1px solid #fff;
}

.ryanFeatureList li h3 {
			margin: 0;	
			padding: 7px 0 0 0;
			font-size: 16px;
			text-transform: uppercase;
		}

.ryanFeatureList div#feature_list {
			width: 745px;
			height: 240px;
			overflow: hidden;
			position: relative;
		}

.ryanFeatureList div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

.ryanFeatureList ul#tabs {
			left: 0;
			z-index: 2;
			width: 280px;
		}

.ryanFeatureList ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
.ryanFeatureList ul#tabs li div {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
			width: 32px;
			height: 32px;
		}
.ryanFeatureList ul#tabs li div#ryansArchivesw1 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.png") no-repeat scroll transparent;
		}
		
.ryanFeatureList ul#tabs li div#ryansArchivesw2 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/about.png") no-repeat scroll transparent;
		}
		
.ryanFeatureList ul#tabs li div#ryansArchivesw3 {
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.png") no-repeat scroll transparent;
		}
		
.ryanFeatureList ul#tabs li a {
			color: #666;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

.ryanFeatureList ul#tabs li a:hover {
			text-decoration: underline;
		}

.ryanFeatureList ul#tabs li a.current {
			background: #ccc;
			color: #FFF;
		}

.ryanFeatureList ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

.ryanFeatureList ul#output {
			right: 0;
			width: 463px;
			height: 240px;
			position: relative;
		}

.ryanFeatureList ul#output li {
			position: absolute;
			width: 463px;
			height: 240px;
		}

.ryanFeatureList ul#output li div#ryansArchivesw4{
			width: 463px;
			height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/archives.jpg") no-repeat scroll transparent;
		}
		
.ryanFeatureList ul#output li div#ryansArchivesw5{
			width: 463px;
			height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/blog.jpg") no-repeat scroll transparent;
		}
		
.ryanFeatureList ul#output li div#ryansArchivesw6{
			width: 463px;
			height: 240px;
background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/contact.jpg") no-repeat scroll transparent;
		}

.ryanFeatureList ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #ccc;
			-moz-border-radius: 5px;
		}
		
.ryanFeatureList ul#output li a:hover {
			background: #66bbdd;
		}

.ryanFeatureList ul#output li a:active {
			background: #ffcc33;
		}
#content.home{margin:10px 0 0px;}
#content.home aside{float:left;padding:0 0 0 20px;width:45.8%;text-align:left;}
#content.home aside.h{background:url("http://bloggerfeaturelist.googlecode.com/svn/trunk/blogger/homeside.png") no-repeat right;padding:0 20px 0 20px;}
#content.home aside.h img.alignright{float:right;margin:10px 0px 10px 10px;}
#content.home aside img.alignright{float:right;margin:10px 10px 10px 10px;}
#content.home aside h3{background:none;border:none;padding:0;color:#f93232;font-size:13pt;line-height:1em;font-family:'Levenim MT',sans-serif;font-weight:normal;}
#content.home aside p{margin:10px 10px 10px 10px;}
#content.home aside.h div.newblogmore{height: 70px;overflow: hidden;}
#content.home aside.h div.newblogmore ul li{ 
	background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
	text-indent:1.5em;
	list-style: none; 
}
#content.home aside.h div.newblogmore ul li a{
	transition:margin .3s;
	-o-transition:margin .3s;
	-moz-transition:margin .3s;
	-webkit-transition:margin .3s 
}

#content.home aside.h div.newblogmore ul li a:hover{
	transition:margin 0.3s;
	-o-transition:margin 0.3s;
	-moz-transition:margin 0.3s;
	-webkit-transition:margin 0.3s;
	margin-left:8px;	
}
#content.home aside p.more{margin:-5px 0px 0px 270px;}
#content.home aside.h p.more{margin:0px 0px 0px 270px;}
#content.home aside.h div.CopyrightStatementmore{position:relative;}
#content.home aside.h div.CopyrightStatementmorer img{position:absolute; left:5px; top:97px; width:16px; height:16px;}
#content.home aside.h div.CopyrightStatementmorer a{position:absolute; left:21px; top:97px;}
.related {
	margin-left:10px;
	margin-top:20px;
	margin-bottom:20px;
height: 110px;
    position: relative;
}
#related1 ul li{ 
	background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
	text-indent:1.5em;
	list-style: none; 
}
#related1 ul li a{
	transition:margin .3s;
	-o-transition:margin .3s;
	-moz-transition:margin .3s;
	-webkit-transition:margin .3s 
}

#related1 ul li a:hover{
	transition:margin 0.3s;
	-o-transition:margin 0.3s;
	-moz-transition:margin 0.3s;
	-webkit-transition:margin 0.3s;
	margin-left:8px;	
}
#related2 ul li{ 
	background:url("http://randompostss.googlecode.com/svn/trunk/blogger/index.png") no-repeat 0 6px;
	text-indent:1.5em;
	list-style: none; 
}
#related2 ul li a{
	transition:margin .3s;
	-o-transition:margin .3s;
	-moz-transition:margin .3s;
	-webkit-transition:margin .3s 
}

#related2 ul li a:hover{
	transition:margin 0.3s;
	-o-transition:margin 0.3s;
	-moz-transition:margin 0.3s;
	-webkit-transition:margin 0.3s;
	margin-left:8px;	
}
#related1{
top:0px;
left: 10px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}
#related2{
top:0px;
left: 350px;
width: 330px;
height: 110px;
position: absolute;
overflow: hidden;
}